Back to palettes

Palette

Golden Hour Bloom

Soft, golden hues blend like the gentle glow of late afternoon sun touching delicate blossoms.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Hour Bloom 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 Bloom.

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

Data visualization

#F0E6D6#E0C9B6#D0AF9A#C09581#B07C67

Palette guide

How to use Golden Hour Bloom

Overview

The Golden Hour Bloom palette evokes the serene beauty of a sunset's gentle embrace on delicate petals. This collection of warm, earthy tones, ranging from the lightest #F0E6D6 to the richer #B07C67, offers a sophisticated yet comforting aesthetic. Designers can leverage shades like #E0C9B6 and #D0AF9A for a soft, inviting feel, while #C09581 provides a grounding mid-tone. Ideal for projects requiring warmth, elegance, and a touch of natural grace, this palette is highly versatile for creating harmonious and visually appealing digital and print experiences that feel both timeless and contemporary.

Best used for

  • Luxury brand identity and packaging
  • Wedding stationery and event design
  • Spa and wellness website design
  • Interior design mood boards and decor
  • Feminine beauty product marketing
  • Photography portfolio websites with natural light themes

Suggested color roles

primary

#D0AF9A. A grounding, inviting mid-tone perfect for main content blocks or key branding elements, providing warmth without being overpowering.

secondary

#E0C9B6. Use this softer shade for supporting sections, background elements, or as a lighter complement to the primary, creating depth and gentle contrast.

accent

#B07C67. This deeper, richer hue is excellent for calls-to-action, important highlights, or decorative flourishes, drawing attention without harshness.

background

#F0E6D6. The lightest color in the palette, ideal for clean, airy backgrounds, allowing other elements to gently stand out and ensuring good readability with darker text.

text

Use a dark brown or charcoal (e.g., #333333 or #4A4A4A) for body text against lighter backgrounds like #F0E6D6 to ensure optimal readability and maintain the palette's warm feel.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter shades from the palette.
  • Avoid placing #E0C9B6 text on an #F0E6D6 background without significant font size or weight to pass WCAG AA standards.
  • Use #B07C67 or a darker recommended text color for all body copy on #F0E6D6 or #E0C9B6 backgrounds.
  • Consider larger font sizes or bolding for lower-contrast elements to aid readability for users with visual impairments.

Recommended combinations

Soft Gradient

Ideal for subtle background gradients, layered UI elements, or delicate illustrations that require a gentle shift in tone.

#F0E6D6 · #E0C9B6 · #D0AF9A

Earthy Contrast

Great for creating visual hierarchy, such as a secondary background with prominent buttons or strong headlines, offering a warm, earthy depth.

#E0C9B6 · #C09581 · #B07C67

Highlight & Base

Perfect for main content areas where #F0E6D6 is the background, #D0AF9A is for card elements, and #B07C67 is used for key text or icons.

#F0E6D6 · #D0AF9A · #B07C67

CSS variables

:root {
  --golden-hour-bloom-1: #F0E6D6;
  --golden-hour-bloom-2: #E0C9B6;
  --golden-hour-bloom-3: #D0AF9A;
  --golden-hour-bloom-4: #C09581;
  --golden-hour-bloom-5: #B07C67;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-hour-bloom": {
        1: "#F0E6D6",
        2: "#E0C9B6",
        3: "#D0AF9A",
        4: "#C09581",
        5: "#B07C67",
      }
    }
  }
}

Related searches

warm neutral color palettegolden hour aesthetic colorssoft blush design paletteearth tone branding colorsdelicate natural color scheme

Palette colors

Hex values

Color 1#F0E6D6
·
Color 2#E0C9B6
·
Color 3#D0AF9A
·
Color 4#C09581
·
Color 5#B07C67
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
2.2:1Fail
2.9:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.2:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
2.9:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Golden Hour Bloom

View all warm