Back to palettes

Palette

Spring Daffodil Field

Bright yellows and fresh greens capture the joyful essence of daffodils blooming in a spring field.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spring Daffodil 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 Spring Daffodil Field.

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

Data visualization

#F7C51F#FFEB7A#B4CC7B#83B75B#5A8A3B

Palette guide

How to use Spring Daffodil Field

Overview

The Spring Daffodil Field palette is a vibrant and joyful collection that perfectly captures the essence of daffodils blooming in a sun-drenched spring field. Featuring bright yellows like the energetic #F7C51F and the softer #FFEB7A, it is beautifully complemented by a range of fresh greens: the light #B4CC7B, the earthy #83B75B, and the deep #5A8A3B. This palette is an excellent choice for designers aiming to create energetic, optimistic, and naturally inspired visuals. Its lively combination of yellows and greens makes it highly versatile for projects that demand a fresh, cheerful, and invigorating aesthetic.

Best used for

  • Spring event marketing and promotions
  • Children's educational apps or websites
  • Eco-friendly product packaging and branding
  • Gardening and outdoor lifestyle content
  • Energetic and positive UI/UX designs
  • Food and beverage branding (especially natural products)

Suggested color roles

primary

Use #F7C51F as a vibrant primary accent for call-to-action buttons or crucial headlines, ensuring high visibility and energy.

secondary

Employ #FFEB7A for larger content areas or secondary information, offering a cheerful and inviting background.

accent

Introduce #5A8A3B for strong accents, icons, or grounding elements, providing depth and natural contrast.

background

Utilize #B4CC7B for a fresh, natural background that allows brighter elements to pop, or use a clean white background.

text

For optimal readability, pair the yellows with dark charcoal or black text. White text works well on #5A8A3B and #83B75B.

Accessibility notes

  • Ensure sufficient contrast for text on yellow backgrounds, especially #FFEB7A; dark text is essential.
  • The bright yellow #F7C51F should be used sparingly for text, or with a dark outline, due to potential readability issues.
  • White text provides excellent contrast on the darker greens like #5A8A3B and #83B75B, but verify WCAG contrast ratios.
  • For interactive elements, ensure distinct hover/focus states that maintain high contrast against their backgrounds.

Recommended combinations

Sunny Field

A bright and cheerful combination, perfect for spring-themed promotions or playful branding.

#FFEB7A · #F7C51F · #B4CC7B

Daffodil Stem

Offers a strong, natural contrast, ideal for impactful headers or product feature sections.

#F7C51F · #83B75B · #5A8A3B

Fresh Growth

Creates a balanced, organic feel, suitable for nature-focused websites or health brands.

#B4CC7B · #FFEB7A · #5A8A3B

CSS variables

:root {
  --spring-daffodil-field-1: #F7C51F;
  --spring-daffodil-field-2: #FFEB7A;
  --spring-daffodil-field-3: #B4CC7B;
  --spring-daffodil-field-4: #83B75B;
  --spring-daffodil-field-5: #5A8A3B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-daffodil-field": {
        1: "#F7C51F",
        2: "#FFEB7A",
        3: "#B4CC7B",
        4: "#83B75B",
        5: "#5A8A3B",
      }
    }
  }
}

Related searches

yellow green spring palettedaffodil flower colorsvibrant nature color schemeenergetic spring colorsfresh yellow green branding

Palette colors

Hex values

Color 1#F7C51F
·
Color 2#FFEB7A
·
Color 3#B4CC7B
·
Color 4#83B75B
·
Color 5#5A8A3B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.1:1Fail
1.5:1Fail
2.5:1Fail
2
1.3:1Fail
1.5:1Fail
2:1Fail
3.4:1AA18
3
1.1:1Fail
1.5:1Fail
1.3:1Fail
2.3:1Fail
4
1.5:1Fail
2:1Fail
1.3:1Fail
1.7:1Fail
5
2.5:1Fail
3.4:1AA18
2.3:1Fail
1.7:1Fail

Similar palettes

More like Spring Daffodil Field

View all vibrant
Meadow Bloom
Citrus Grove Spark
Fresh Cut Grass
Meadow Bloom Burst
Meadow Bloom Fresh
Mint Leaf Morning