Back to palettes

Palette

Golden Hour Mist

A soft, radiant palette capturing the hazy, romantic glow of a sunset during the golden hour.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Hour Mist reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Golden Hour Mist.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#F9EBE0#F7DACD#F5B8AB#F2938B#EF6C6A

Palette guide

How to use Golden Hour Mist

Overview

The Golden Hour Mist palette, featuring soft peaches like #F9EBE0 and #F7DACD, medium tones such as #F5B8AB, and deeper corals like #F2938B and #EF6C6A, captures the hazy, romantic glow of a sunset. This warm and gentle collection is perfect for designers and developers aiming to create serene, comforting, and subtly vibrant experiences. The progression from very light cream to deep coral evokes a natural, evolving warmth. Use these hex codes to infuse your projects with a soft, ethereal charm, ideal for romantic or wellness-focused aesthetics.

Best used for

  • Romantic brand identities and websites
  • Wedding stationery and event branding
  • Beauty and skincare product packaging
  • Feminine blogs and lifestyle content
  • Wellness and meditation app interfaces
  • Soft, inviting social media visuals

Suggested color roles

primary

Designate #F5B8AB as a soft, inviting primary color for content blocks or background sections, offering gentle warmth.

secondary

Utilize #F2938B as a warm coral secondary color for subheadings, buttons, or highlights, adding gentle vibrancy.

accent

Incorporate #EF6C6A as a deep coral accent for important calls to action, icons, or to create a focal point with depth.

background

Select #F9EBE0 as an airy, almost white background color to ensure a clean, serene canvas for other palette elements.

text

For optimal readability, use a very dark charcoal like #333333 or a deep brown on the lighter shades, or #EF6C6A for headings.

Accessibility notes

  • All colors are relatively light; ensure dark text (charcoal or black) is used on all shades for readability, especially #F9EBE0.
  • Avoid using #F7DACD or #F5B8AB for text on light backgrounds, as contrast will be insufficient.
  • Use #EF6C6A or a very dark neutral for text on #F9EBE0 to meet WCAG contrast requirements.
  • Test color pairings thoroughly for readability, particularly for body text and navigation links.

Recommended combinations

Gentle Glow

Ideal for soft backgrounds, subtle UI elements, or gradients, creating a delicate and ethereal user experience.

#F9EBE0 · #F7DACD · #F5B8AB

Romantic Depth

Perfect for calls to action, brand highlights, or illustrations that require a touch of warm, inviting vibrancy.

#F2938B · #EF6C6A · #F7DACD

Hazy Sunset

Excellent for photography overlays, social media graphics, or sections where a soft, blended transition of color is desired.

#F5B8AB · #F2938B · #F9EBE0

CSS variables

:root {
  --golden-hour-mist-1: #F9EBE0;
  --golden-hour-mist-2: #F7DACD;
  --golden-hour-mist-3: #F5B8AB;
  --golden-hour-mist-4: #F2938B;
  --golden-hour-mist-5: #EF6C6A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-mist": {
        1: "#F9EBE0",
        2: "#F7DACD",
        3: "#F5B8AB",
        4: "#F2938B",
        5: "#EF6C6A",
      }
    }
  }
}

Related searches

romantic coral palettesoft peach colorsmisty sunset schemefeminine warm designgentle glow palette

Palette colors

Hex values

Color 1#F9EBE0
·
Color 2#F7DACD
·
Color 3#F5B8AB
·
Color 4#F2938B
·
Color 5#EF6C6A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.5:1Fail
1.9:1Fail
2.6:1Fail
2
1.1:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
1.9:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
2.6:1Fail
2.3:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Golden Hour Mist

View all warm