Spring Color Palette

Spring palettes are light and fresh: new-leaf greens, blossom pinks, lilac and butter yellow, kept bright but not neon. A deep leaf or moss green gives them a readable dark anchor.

Try:

See it on a page

Lightest color becomes the background, darkest the text, the most saturated one the button.

NorthwindPricing · Docs · Blog

Ship the release notes your users actually read.

Body text in your darkest color on your lightest: 8.97:1 AA pass

Start freeSee a demo
Surface card with a secondary accent

Export

CSS custom properties, Tailwind v4 @theme (in OKLCH), Tailwind v3 config, JSON or SCSS.

:root {
  --color-dark-slate-gray: #2F4A2C;
  --color-medium-sea-green: #7BA05B;
  --color-sea-shell: #F9F4EC;
  --color-pink: #F6C6D0;
  --color-light-coral: #E58FA8;
}

Contrast between every pair

WCAG 2.2: 4.5:1 for body text (AA), 3:1 for large text and UI parts, 7:1 for AAA.

Contrast ratio of every text color (rows) on every background (columns)
Text / background#2F4A2C#7BA05B#F9F4EC#F6C6D0#E58FA8
#2F4A2CAa3.28:1LargeAa8.97:1AAAAa6.50:1AAAa4.13:1Large
#7BA05BAa3.28:1LargeAa2.73:1FailAa1.98:1FailAa1.25:1Fail
#F9F4ECAa8.97:1AAAAa2.73:1FailAa1.37:1FailAa2.17:1Fail
#F6C6D0Aa6.50:1AAAa1.98:1FailAa1.37:1FailAa1.57:1Fail
#E58FA8Aa4.13:1LargeAa1.25:1FailAa2.17:1FailAa1.57:1Fail

Get an AI critique of this palette

The contrast numbers are calculated exactly in your browser and passed to the AI, so its advice starts from real ratios.

Hand-picked spring palettes

Cherry blossom

8.97:1 text contrast · Edit in generator

Lilac morning

10.83:1 text contrast · Edit in generator

Color analysis: warm Spring

2.36:1 text contrast · Edit in generator

Spring in seasonal color analysis

In seasonal color analysis, “Spring” describes people with warm, light, clear colouring — golden or strawberry-blond hair, peachy undertones and bright eyes. Their palette is warm and clear: peach, coral, warm turquoise, golden yellow and light camel. Sub-types are usually Light, True (Warm) and Bright Spring.

Tips for spring palettes

  • Keep most colors light; one mid-green or moss is enough weight.
  • Pair blossom pink with leaf green: they are near-complements, so they glow.
  • Avoid pure grey; a warm cream keeps the palette fresh.

Want one written for your project? Describe it on the AI palette generator, then check it with the accessible palette checker.

Frequently asked questions

What colors are in a spring color palette?

Light, fresh colors: leaf and mint green, blossom pink, lilac, butter yellow and soft sky blue, with a moss or leaf green as the darkest tone. In color analysis the Spring palette is warmer: peach, coral, golden yellow and warm turquoise.

What is a spring in color analysis?

Someone with warm undertones and light, clear colouring. The system recommends warm, bright, fairly light colors and says heavy, dark or dusty shades can look dull on them.

Are spring colors the same as pastels?

Many are, but a spring palette usually has a little more saturation than true pastels, and it benefits from one deeper green for text and contrast.