Palette

Sun Drenched Poppy

The intense vibrancy of poppies blooming under a warm sun, radiating joy and natural beauty.

vibrantenergetic5 colors

More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sun Drenched Poppy 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 Sun Drenched Poppy.

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

Data visualization

#FF4500#FF6347#FFD700#6B8E23#B22222

Palette guide

How to use Sun Drenched Poppy

Overview

The Sun Drenched Poppy palette captures the intense vibrancy of poppies blooming under a warm sun, radiating joy and natural beauty. This energetic collection, featuring the bold `#FF4500`, the bright `#FFD700`, and the earthy contrast of `#6B8E23`, is perfect for designers and developers seeking to create dynamic and naturally inspired experiences. With additional inviting hues like `#FF6347` and the deep `#B22222`, this palette offers a rich spectrum for compelling visual narratives. It's ideal for conveying a sense of vitality and organic charm across various digital and print applications, ensuring a captivating and vibrant visual presence that stands out.

Best used for

Nature-inspired branding and eco-conscious products
Art and design studios portfolios
Vibrant digital illustrations and graphic art
Summer fashion and accessory collections
Organic food and beverage packaging
Outdoor adventure and travel blogs

Suggested color roles

primary

Use `#FF4500` for dominant elements, headlines, or calls-to-action to create an immediate, energetic impact.

secondary

Apply `#FFD700` for bright highlights, secondary information, or to add a cheerful, sunny glow.

accent

Employ `#6B8E23` for earthy, natural accents, interactive elements, or to provide a refreshing contrast.

background

Utilize `#FF6347` for warm, inviting backgrounds, ensuring all text and critical elements are very dark for readability, or use a near-white.

text

For body text, black or a dark charcoal is essential. `#B22222` offers excellent contrast for impactful headings.

Accessibility notes

The bright yellows, `#FFD700` and `#FF6347`, require very dark text for sufficient contrast and readability.
Avoid using light-colored text on `#FF4500` without careful contrast checks, as readability may be poor.
`#6B8E23` provides a refreshing contrast; ensure text on it is either very dark or very light with careful checks.
`#B22222` offers strong contrast for text when used on any of the lighter colors in this palette.

Recommended combinations

Poppy Field

A vibrant and naturally contrasting combination for primary branding, evoking a lively field.

#FF4500 · #FFD700 · #6B8E23

Sunny Bloom

Ideal for creating warm, energetic backgrounds or dynamic visual elements in digital interfaces.

#FF6347 · #FFD700 · #B22222

Earthy Pop

Perfect for adding grounded warmth and striking contrast to illustrations or calls-to-action.

#6B8E23 · #FF4500 · #B22222

CSS variables

:root {
  --sun-drenched-poppy-1: #FF4500;
  --sun-drenched-poppy-2: #FF6347;
  --sun-drenched-poppy-3: #FFD700;
  --sun-drenched-poppy-4: #6B8E23;
  --sun-drenched-poppy-5: #B22222;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sun-drenched-poppy": {
        1: "#FF4500",
        2: "#FF6347",
        3: "#FFD700",
        4: "#6B8E23",
        5: "#B22222",
      }
    }
  }
}

Hex values

Color 1#FF4500

Color 2#FF6347

Color 3#FFD700

Color 4#6B8E23

Color 5#B22222

Accessibility

Contrast checker

1.2:1Fail

2.5:1Fail

1.1:1Fail

1.9:1Fail

1.2:1Fail

2.1:1Fail

1.3:1Fail

2.3:1Fail

2.5:1Fail

2.1:1Fail

2.7:1Fail

4.8:1AA