Back to palettes

Palette

Sunflower Field Dawn

Bright yellows and lively greens mirror the vibrant energy of sunflowers turning towards the rising sun.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunflower Field Dawn 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 Sunflower Field Dawn.

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

Data visualization

#FFD700#FFEA7A#E0C95C#6B8E23#4B6E1A

Palette guide

How to use Sunflower Field Dawn

Overview

The "Sunflower Field Dawn" palette captures the invigorating essence of a summer morning, featuring a dynamic interplay of bright yellows and earthy greens. This vibrant collection includes the radiant #FFD700 (a true sunflower yellow), the softer #FFEA7A (a gentle morning light), and the more subdued #E0C95C (a golden ochre). These are beautifully complemented by the rich olive green #6B8E23 and the deeper forest green #4B6E1A, evoking lush foliage. Ideal for projects demanding energy and natural warmth, this palette provides designers with a cohesive set of hues to create cheerful, optimistic, and grounded visual experiences, perfect for evoking growth and vitality.

Best used for

  • Eco-friendly product branding and packaging
  • Children's educational apps and websites
  • Summer festival or outdoor event promotions
  • Natural food and beverage marketing
  • Gardening and agricultural design themes
  • Bright and inviting interior design accents

Suggested color roles

primary

#FFD700 serves as the energetic focal point, perfect for calls-to-action, prominent branding elements, or header text that demands attention.

secondary

#6B8E23 offers a grounding and natural contrast, excellent for navigation, secondary branding, or large background sections that need depth without overwhelming.

accent

#FFEA7A provides a soft, luminous highlight, ideal for subtle gradients, hover states, or small decorative elements that need a touch of warmth and brightness.

background

#E0C95C can be used for a warm, inviting backdrop, providing more richness than a pure white, or #FFEA7A for a lighter, airy feel.

text

For optimal readability, use a dark, high-contrast color like #4B6E1A on lighter backgrounds, or a pure charcoal/black for general body text against #FFEA7A or #E0C95C.

Accessibility notes

  • Ensure sufficient contrast between #FFD700 or #FFEA7A and any text overlays, generally requiring dark text.
  • Verify that #4B6E1A text on a #FFEA7A background meets WCAG AAA contrast ratios for body text.
  • Avoid using #E0C95C as a background for light yellow text like #FFEA7A due to poor contrast.
  • Consider color blindness by using more than just color to convey information, especially with the similar yellow hues.

Recommended combinations

Sunny Contrast

A classic vibrant look, ideal for bold headlines (#FFD700) against a deep green background (#4B6E1A) with light accents (#FFEA7A).

#FFD700 · #4B6E1A · #FFEA7A

Earthy Glow

A softer, more natural blend suitable for sophisticated branding or content areas, using #E0C95C as a primary tone.

#E0C95C · #6B8E23 · #FFEA7A

Deep Nature

Emphasizes the greens for a strong, organic feel, with #FFD700 used sparingly as a powerful, eye-catching accent.

#6B8E23 · #4B6E1A · #FFD700

CSS variables

:root {
  --sunflower-field-dawn-1: #FFD700;
  --sunflower-field-dawn-2: #FFEA7A;
  --sunflower-field-dawn-3: #E0C95C;
  --sunflower-field-dawn-4: #6B8E23;
  --sunflower-field-dawn-5: #4B6E1A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunflower-field-dawn": {
        1: "#FFD700",
        2: "#FFEA7A",
        3: "#E0C95C",
        4: "#6B8E23",
        5: "#4B6E1A",
      }
    }
  }
}

Related searches

vibrant yellow green palettesunflower color schemenatural energetic colorssummer garden palettecheerful nature design

Palette colors

Hex values

Color 1#FFD700
·
Color 2#FFEA7A
·
Color 3#E0C95C
·
Color 4#6B8E23
·
Color 5#4B6E1A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.2:1Fail
2.7:1Fail
4.2:1AA18
2
1.2:1Fail
1.4:1Fail
3.1:1AA18
4.9:1AA
3
1.2:1Fail
1.4:1Fail
2.3:1Fail
3.6:1AA18
4
2.7:1Fail
3.1:1AA18
2.3:1Fail
1.6:1Fail
5
4.2:1AA18
4.9:1AA
3.6:1AA18
1.6:1Fail

Similar palettes

More like Sunflower Field Dawn

View all vibrant
Sunflower Field Haze
Lemonade Splash Refresh
California Dream Wave
Citrus Burst Joy
Citrus Zest Splash
Cosmic Core Burst