Back to palettes

Palette

Sunlit Poppy Field

Bright oranges and warm yellows capture the joyful glow of a poppy field under the summer sun.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunlit Poppy Field 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 Sunlit Poppy Field.

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

Data visualization

#F06A3F#FABD4C#E2E2E2#7D7D7D#2E3B4E

Palette guide

How to use Sunlit Poppy Field

Overview

The Sunlit Poppy Field palette (original) captures the joyful glow of a poppy field under the summer sun, blending bright oranges and warm yellows with sophisticated neutrals. Featuring the lively #F06A3F (Coral), the radiant #FABD4C (Goldenrod), and balanced by the versatile #E2E2E2 (Light Grey), #7D7D7D (Medium Grey), and deep #2E3B4E (Dark Blue-Grey), this palette offers a dynamic yet grounded aesthetic. It's excellent for designs that need to convey energy and warmth while maintaining a sense of elegance and professionalism, suitable for both digital and print applications.

Best used for

  • Modern lifestyle and fashion brands
  • Creative agency websites and portfolios
  • Summer-themed marketing campaigns
  • Food and beverage branding with a vibrant twist
  • Contemporary art and design publications
  • Event branding for warm-weather gatherings

Suggested color roles

primary

Use #F06A3F for impactful headlines, call-to-action buttons, or key visual highlights to grab attention with its warm, energetic presence.

secondary

Employ #FABD4C for supportive elements, subheadings, or as a background for content blocks that require a sunny, inviting feel.

accent

Introduce #2E3B4E sparingly for sophisticated accents, icons, or typography details to add depth and contrast.

background

Utilize #E2E2E2 for clean, modern backgrounds that allow the vibrant colors to stand out, providing excellent readability.

text

Pair with #2E3B4E for body text against light backgrounds like #E2E2E2 to ensure strong legibility and a refined appearance.

Accessibility notes

  • Ensure high contrast when placing #F06A3F or #FABD4C text on light backgrounds, or vice-versa.
  • The darker #2E3B4E provides excellent contrast for text on #E2E2E2 or #FABD4C.
  • Verify WCAG 2.1 AA contrast ratios for all text and interactive elements, especially with the vibrant orange.
  • Use #7D7D7D as a secondary text color or for disabled states, ensuring it still meets minimum contrast on light backgrounds.

Recommended combinations

Sunny Contrast

Ideal for bold branding, website hero sections, and striking advertising that needs to pop.

#F06A3F · #FABD4C · #2E3B4E

Modern Brights

Suitable for clean UI design, background elements, or illustrations requiring a contemporary, lively feel.

#E2E2E2 · #FABD4C · #F06A3F

Grounded Warmth

Effective for data visualization, subtle accents, or creating visual hierarchy within a sophisticated layout.

#7D7D7D · #F06A3F · #FABD4C

CSS variables

:root {
  --sunlit-poppy-field-1: #F06A3F;
  --sunlit-poppy-field-2: #FABD4C;
  --sunlit-poppy-field-3: #E2E2E2;
  --sunlit-poppy-field-4: #7D7D7D;
  --sunlit-poppy-field-5: #2E3B4E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunlit-poppy-field": {
        1: "#F06A3F",
        2: "#FABD4C",
        3: "#E2E2E2",
        4: "#7D7D7D",
        5: "#2E3B4E",
      }
    }
  }
}

Related searches

vibrant orange yellow palettesummer poppy colorsmodern warm neutralsenergetic brand identityorange grey color scheme

Palette colors

Hex values

Color 1#F06A3F
·
Color 2#FABD4C
·
Color 3#E2E2E2
·
Color 4#7D7D7D
·
Color 5#2E3B4E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.4:1Fail
1.3:1Fail
3.7:1AA18
2
1.8:1Fail
1.3:1Fail
2.4:1Fail
6.7:1AA
3
2.4:1Fail
1.3:1Fail
3.2:1AA18
8.8:1AAA
4
1.3:1Fail
2.4:1Fail
3.2:1AA18
2.8:1Fail
5
3.7:1AA18
6.7:1AA
8.8:1AAA
2.8:1Fail

Similar palettes

More like Sunlit Poppy Field

View all vibrant
Sun-Drenched Poppy Field
Arid Bloom Blaze
California Dream Wave
Citrus Burst Joy
Citrus Zest Splash
Electric Coral Reef