Back to palettes

Palette

Golden Sunrise Dew

Radiant golds and soft oranges capture the invigorating freshness of a new dawn.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Golden Sunrise Dew 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 Sunrise Dew.

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

Data visualization

#FFD700#FFCC00#FFBB00#FFAA00#FF8800

Palette guide

How to use Golden Sunrise Dew

Overview

The Golden Sunrise Dew palette captures radiant golds and soft oranges, evoking the invigorating freshness of a new dawn. Featuring brilliant shades like #FFD700 and vibrant #FF8800, along with the gentle glow of #FFCC00, this collection exudes energy and optimism. It's perfect for designers and developers seeking to convey freshness, new beginnings, and a dynamic, positive outlook, making it ideal for inspiring content. The palette's consistent warmth across #FFBB00 and #FFAA00 ensures a cohesive and uplifting visual experience, full of life and promise.

Best used for

  • Morning routine and wellness apps
  • Health and fitness brand identities
  • Fresh food and organic product marketing
  • Motivational content and personal development
  • Vibrant event promotions and festivals
  • Children's educational materials

Suggested color roles

primary

Use #FFD700 as a bright, optimistic main color for prominent headings or energetic brand elements.

secondary

Apply #FFCC00 for supporting warmth, providing a gentle glow to backgrounds or secondary information.

accent

Employ #FF8800 as a bold, energetic accent for calls to action, alerts, or high-impact highlights.

background

Choose #FFCC00 as a soft, luminous base for content, creating a cheerful and inviting canvas.

text

A dark charcoal or black is highly recommended for readability on these bright golds to ensure sufficient contrast.

Accessibility notes

  • Most colors in this palette are very bright; ensure text (black or charcoal) has sufficient contrast against them.
  • Use #FF8800 for interactive elements, but confirm its contrast against white or near-white text if applicable.
  • Avoid using any of these colors directly for body text, as contrast will be poor for extended reading.
  • Pair with a dark neutral like black or charcoal for all primary text for optimal readability and WCAG compliance.

Recommended combinations

Bright Dawn

Ideal for luminous gradients and a fresh, clean feel in headers or background elements.

#FFD700 · #FFCC00 · #FFBB00

Energetic Pop

Combines the stronger oranges for dynamic highlights and impactful visual statements.

#FFAA00 · #FF8800 · #FFD700

Gentle Warmth

For a softer, inviting blend suitable for subtle accents or background textures.

#FFCC00 · #FFBB00 · #FFAA00

CSS variables

:root {
  --golden-sunrise-dew-1: #FFD700;
  --golden-sunrise-dew-2: #FFCC00;
  --golden-sunrise-dew-3: #FFBB00;
  --golden-sunrise-dew-4: #FFAA00;
  --golden-sunrise-dew-5: #FF8800;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "golden-sunrise-dew": {
        1: "#FFD700",
        2: "#FFCC00",
        3: "#FFBB00",
        4: "#FFAA00",
        5: "#FF8800",
      }
    }
  }
}

Related searches

golden sunrise colorsbright yellow orange palettefresh morning huesenergetic gold schemevibrant new dawn

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFCC00
·
Color 3#FFBB00
·
Color 4#FFAA00
·
Color 5#FF8800
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.2:1Fail
1.4:1Fail
1.7:1Fail
2
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.6:1Fail
3
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.4:1Fail
4
1.4:1Fail
1.3:1Fail
1.1:1Fail
1.3:1Fail
5
1.7:1Fail
1.6:1Fail
1.4:1Fail
1.3:1Fail

Similar palettes

More like Golden Sunrise Dew

View all warm