Back to palettes

Palette

Spring Crocus Dawn

Fresh greens and pale creams evoke the gentle awakening of a spring morning and early blooms.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spring Crocus 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 Spring Crocus Dawn.

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

Data visualization

#F9F0E1#D8D6B7#B5CC9C#8EB376#638C4A

Palette guide

How to use Spring Crocus Dawn

Overview

The Spring Crocus Dawn palette captures the serene awakening of a spring morning, blending fresh greens with pale creams. This collection features the soft, almost-white #F9F0E1, a muted sage #D8D6B7, and increasingly deeper greens like #B5CC9C, #8EB376, and the rich #638C4A. It's an ideal choice for designers looking to infuse projects with a sense of natural tranquility, organic freshness, and gentle vitality. The harmonious progression from light to dark green, grounded by the creamy base, makes it highly versatile for creating earthy, calming, and naturally inspired designs across various digital and print applications.

Best used for

  • Eco-friendly brand identity and packaging
  • Nature-themed websites or blogs
  • Gardening and outdoor living product design
  • Wellness and spa branding materials
  • Subtle and organic UI/UX elements
  • Spring season marketing and editorial content

Suggested color roles

primary

Use #8EB376 as a primary accent for buttons or key headings, providing a fresh, natural focal point.

secondary

Employ #B5CC9C for larger content blocks or secondary navigation, offering a soothing and balanced background.

accent

Introduce #638C4A for strong accents, icons, or important visual cues, adding depth and grounding the palette.

background

Utilize #F9F0E1 for clean, airy backgrounds, ensuring excellent readability and a light, open feel.

text

For optimal contrast, pair these greens with dark charcoal or black text. A dark brown like #5C4033 also works well for a natural feel.

Accessibility notes

  • Ensure sufficient contrast between text and background, especially when using lighter greens like #B5CC9C.
  • Always use dark text (e.g., black or dark brown) on lighter shades like #F9F0E1 and #D8D6B7.
  • Verify that interactive elements have clear visual states that pass WCAG contrast requirements.
  • Avoid using the mid-tone greens for small text unless paired with a high-contrast background from the palette.

Recommended combinations

Fresh Meadow

Creates a light, airy, and natural feel, perfect for blog backgrounds or header sections.

#F9F0E1 · #D8D6B7 · #B5CC9C

Deep Forest

Offers a rich, earthy combination, ideal for strong branding elements or imagery overlays.

#B5CC9C · #8EB376 · #638C4A

Crocus Bud

Provides a clean contrast, excellent for showcasing products or key messages with a natural pop.

#F9F0E1 · #8EB376 · #638C4A

CSS variables

:root {
  --spring-crocus-dawn-1: #F9F0E1;
  --spring-crocus-dawn-2: #D8D6B7;
  --spring-crocus-dawn-3: #B5CC9C;
  --spring-crocus-dawn-4: #8EB376;
  --spring-crocus-dawn-5: #638C4A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spring-crocus-dawn": {
        1: "#F9F0E1",
        2: "#D8D6B7",
        3: "#B5CC9C",
        4: "#8EB376",
        5: "#638C4A",
      }
    }
  }
}

Related searches

spring green color schemenatural earthy palettecrocus flower colorscalming green cream palettefresh spring nature colors

Palette colors

Hex values

Color 1#F9F0E1
·
Color 2#D8D6B7
·
Color 3#B5CC9C
·
Color 4#8EB376
·
Color 5#638C4A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.5:1Fail
2.1:1Fail
3.5:1AA18
2
1.3:1Fail
1.2:1Fail
1.6:1Fail
2.6:1Fail
3
1.5:1Fail
1.2:1Fail
1.4:1Fail
2.2:1Fail
4
2.1:1Fail
1.6:1Fail
1.4:1Fail
1.6:1Fail
5
3.5:1AA18
2.6:1Fail
2.2:1Fail
1.6:1Fail

Similar palettes

More like Spring Crocus Dawn

View all pastel
Blooming Meadow Softness
Morning Blossom Dew
Pastel Meadow Bloom
Spring Blossom Whisper
Spring Thaw Meadow
Whispering Spring Blooms