Back to palettes

Palette

Radiant Solstice Hues

A radiant transition from soft cream to deep amber, capturing the magic of golden hour light.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Radiant Solstice Hues 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 Radiant Solstice Hues.

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

Data visualization

#FFFADD#FFDB9F#FFB66D#E08F3B#A65C1E

Palette guide

How to use Radiant Solstice Hues

Overview

The Radiant Solstice Hues palette captures the serene magic of golden hour, transitioning from soft cream to deep amber. This collection, featuring #FFFADD, #FFB66D, and #A65C1E, offers a warm, calm, and sophisticated feel. It's an excellent choice for designers and developers aiming for an elegant and radiant aesthetic, reminiscent of the sun's gentle glow. The harmonious blend of light and dark tones provides versatility for creating sophisticated brands, inviting digital experiences, or luxurious print materials. This palette communicates warmth, stability, and a refined sense of beauty.

Best used for

  • Luxury and high-end branding
  • Spa and wellness industry websites and marketing
  • Elegant event invitations and stationery
  • Sophisticated home decor and interior design concepts
  • Artisanal product packaging for gourmet goods
  • Photography portfolios showcasing natural light

Suggested color roles

primary

#E08F3B acts as a rich, warm core, suitable for main headings, key brand elements, or prominent calls to action.

secondary

#FFB66D offers an inviting and supportive tone, perfect for subheadings, secondary buttons, or accent panels.

accent

#A65C1E provides a deep, grounding contrast, excellent for important details, footers, or strong visual anchors.

background

#FFFADD creates a soft, luminous, and elegant canvas, offering a refined base for darker text and UI elements.

text

For optimal readability on lighter backgrounds, use a deep brown or charcoal text. On #E08F3B, a crisp white ensures good contrast.

Accessibility notes

  • Text on #FFFADD and #FFDB9F should be very dark (e.g., #222222 or #A65C1E) for good contrast and readability.
  • Avoid using #FFB66D for small text against lighter backgrounds without careful contrast checks.
  • Ensure interactive elements using lighter shades have clear focus states and sufficient visual distinction.
  • Prioritize dark text on lighter backgrounds for key information to meet WCAG accessibility standards.

Recommended combinations

Golden Hour

Ideal for soft, inviting backgrounds, header sections, or gradients that evoke a gentle, warm glow.

#FFFADD · #FFDB9F · #FFB66D

Earthy Depth

Use for a grounded and rich visual hierarchy, perfect for showcasing details or important content blocks.

#FFB66D · #E08F3B · #A65C1E

Subtle Contrast

Pair the lightest shade with the primary and darkest accent for a sophisticated and balanced design.

#FFFADD · #E08F3B · #A65C1E

CSS variables

:root {
  --radiant-solstice-hues-1: #FFFADD;
  --radiant-solstice-hues-2: #FFDB9F;
  --radiant-solstice-hues-3: #FFB66D;
  --radiant-solstice-hues-4: #E08F3B;
  --radiant-solstice-hues-5: #A65C1E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "radiant-solstice-hues": {
        1: "#FFFADD",
        2: "#FFDB9F",
        3: "#FFB66D",
        4: "#E08F3B",
        5: "#A65C1E",
      }
    }
  }
}

Related searches

golden hour color schemewarm elegant palettesophisticated cream ambersolstice design colorsluxury earthy tones

Palette colors

Hex values

Color 1#FFFADD
·
Color 2#FFDB9F
·
Color 3#FFB66D
·
Color 4#E08F3B
·
Color 5#A65C1E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.4:1Fail
4.8:1AA
2
1.3:1Fail
1.3:1Fail
1.9:1Fail
3.8:1AA18
3
1.6:1Fail
1.3:1Fail
1.5:1Fail
2.9:1Fail
4
2.4:1Fail
1.9:1Fail
1.5:1Fail
2:1Fail
5
4.8:1AA
3.8:1AA18
2.9:1Fail
2:1Fail

Similar palettes

More like Radiant Solstice Hues

View all warm
Afternoon Sun Kiss
Dusk Radiance Warmth
Canyon Horizon Fade
Ember Twilight Hues
Golden Bake House
Golden Horizon Warmth