Back to palettes

Palette

Saffron Dusk Glow

Evokes the soft, golden light of twilight, infusing a gentle warmth into any scene.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Saffron Dusk Glow 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 Saffron Dusk Glow.

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

Data visualization

#FFBF69#FFD07E#FCE8C3#DAA25E#B87C3C

Palette guide

How to use Saffron Dusk Glow

Overview

Saffron Dusk Glow is a serene, warm color palette that captures the gentle, fading light of twilight. This collection features soft oranges and golden yellows, beginning with the luminous #FFBF69 and the slightly lighter #FFD07E, easing into the creamy #FCE8C3. Deeper, grounding tones like #DAA25E and the rich, earthy #B87C3C provide subtle contrast and stability. Ideal for evoking comfort and tranquility, this palette is perfect for designs aiming for a soft, inviting aesthetic without being overly vibrant. It's excellent for creating a sense of calm and natural warmth, making it versatile for various digital and print applications.

Best used for

  • Wellness and spa branding
  • Cozy home decor websites
  • Autumn-themed digital content
  • Photography portfolios showcasing natural light
  • Lifestyle blogs and social media
  • Packaging for artisanal goods

Suggested color roles

primary

#FFBF69 for headlines or prominent UI elements, offering a soft yet engaging focal point.

secondary

#FFD07E provides a lighter, harmonious complement, suitable for subheadings or background accents.

accent

#DAA25E adds a touch of grounded warmth, effective for call-to-action buttons or important highlights.

background

#FCE8C3 creates a light, airy base, ensuring readability and a gentle overall feel.

text

#B87C3C offers a rich, readable contrast against lighter backgrounds, or use a dark charcoal/black for optimal legibility.

Accessibility notes

  • Ensure sufficient contrast when pairing #FFBF69 or #FFD07E with #FCE8C3 for text.
  • Use #B87C3C or a very dark neutral for main body text against light backgrounds like #FCE8C3.
  • Lighter shades like #FFD07E and #FCE8C3 may require larger text sizes for readability, especially for decorative fonts.
  • Test color combinations with a contrast checker to meet WCAG AA standards, particularly for interactive elements.

Recommended combinations

Gentle Warmth

Ideal for main content blocks with a warm header and readable text.

#FFBF69 · #FCE8C3 · #B87C3C

Soft Gradient

Excellent for subtle gradients in hero sections or background elements, transitioning smoothly.

#FFD07E · #DAA25E · #FFBF69

Earthy Contrast

Effective for a light background with strong, grounded text and accent details.

#FCE8C3 · #B87C3C · #DAA25E

CSS variables

:root {
  --saffron-dusk-glow-1: #FFBF69;
  --saffron-dusk-glow-2: #FFD07E;
  --saffron-dusk-glow-3: #FCE8C3;
  --saffron-dusk-glow-4: #DAA25E;
  --saffron-dusk-glow-5: #B87C3C;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "saffron-dusk-glow": {
        1: "#FFBF69",
        2: "#FFD07E",
        3: "#FCE8C3",
        4: "#DAA25E",
        5: "#B87C3C",
      }
    }
  }
}

Related searches

warm sunset color palettesoft gold design colorsautumn glow color schemetranquil orange yellow palettecozy twilight colors

Palette colors

Hex values

Color 1#FFBF69
·
Color 2#FFD07E
·
Color 3#FCE8C3
·
Color 4#DAA25E
·
Color 5#B87C3C
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.4:1Fail
2.2:1Fail
2
1.1:1Fail
1.2:1Fail
1.6:1Fail
2.4:1Fail
3
1.4:1Fail
1.2:1Fail
1.9:1Fail
2.9:1Fail
4
1.4:1Fail
1.6:1Fail
1.9:1Fail
1.6:1Fail
5
2.2:1Fail
2.4:1Fail
2.9:1Fail
1.6:1Fail

Similar palettes

More like Saffron Dusk Glow

View all warm
Ember Glow Hearth
Golden Hour Mist
Spiced Cider Autumn
Spiced Cinnamon Hearth
Autumn Cider Spill
Autumn Hearth Comfort