Spring Color Palette

The spring colors, one by one

• Coral (#FF7F61) is a warm, light, vivid red, closest to coral among common named colors. Use it as a statement color near the face or a call to action.
• Warm Peach (#FFB38A) is a warm, light, vivid orange, closest to dusty rose among common named colors. Use it as a statement color near the face or a call to action.
• Daffodil (#FFD84D) is a warm, light, vivid yellow-orange, closest to mustard yellow among common named colors. Use it as a statement color near the face or a call to action.
• Golden Yellow (#F6C343) is a warm, light, vivid yellow-orange, closest to mustard yellow among common named colors. Use it as a statement color near the face or a call to action.
• Apple Green (#7CC243) is a slightly warm, mid-tone, moderately saturated yellow-green, closest to moss green among common named colors. Use it as tops, accessories and supporting UI surfaces.
• Warm Turquoise (#2EC4B6) is a cool, mid-tone, vivid teal-green, closest to turquoise among common named colors. Use it as a statement color near the face or a call to action.
• Aqua (#5DD9C1) is a cool, light, vivid teal-green, closest to turquoise among common named colors. Use it as a statement color near the face or a call to action.
• Clear Periwinkle (#7D8CFF) is a cool, light, vivid indigo, closest to sky blue among common named colors. Use it as a statement color near the face or a call to action.
• Poppy Red (#E94B3C) is a warm, mid-tone, vivid red, closest to brick red among common named colors. Use it as a statement color near the face or a call to action.
• Salmon Pink (#FF8C82) is a warm, light, vivid red, closest to salmon among common named colors. Use it as a statement color near the face or a call to action.
• Camel (#C69C6D) is a warm, light, moderately saturated orange, closest to sand among common named colors. Use it as tops, accessories and supporting UI surfaces.
• Warm Ivory (#FFF6E5) is a warm, very light, vivid orange, closest to beige among common named colors. Use it as a background or base neutral.

What is seasonal color analysis?

Who is a Spring?

How to tell if you are a Spring

Building a spring wardrobe

• Build a spring wardrobe on warm, light neutrals instead of black and grey: ivory, cream, camel, light warm grey and golden brown. These replace the usual black basics and keep the overall look fresh.
• Add color through tops, scarves and accessories closest to the face: coral, warm turquoise, daffodil yellow, apple green and poppy red. Spring colors are clear, so avoid washed-out or greyed versions of these hues.
• For formal wear, warm navy, camel or a clear warm red works better than black. Denim in a medium, slightly warm wash suits springs better than very dark indigo.

Makeup, hair and jewelry

Common mistakes with a spring palette

• Reaching for the wrong neutral. Black (#000000) is the most common slip. Swap it for warm ivory, camel, light warm grey to keep the warm feel.
• Mixing in the wrong temperature. Colors like icy grey, burgundy, dusty mauve break the harmony because they sit outside Spring's warm, clear and bright range.
• Using every color at once. A palette of twelve colors is a menu, not an outfit or a layout. Pick one main color, one accent and one or two neutrals for any single look or screen.
• Ignoring contrast on screen. Many spring colors are light to medium, so check text against the WCAG contrast guideline before using them for copy or button labels.

Ready-made spring palettes

Best neutrals, and colors to avoid

Using spring colors in design

:root {
  --spring-first-bloom-1: #FFF6E5;
  --spring-first-bloom-2: #FFB38A;
  --spring-first-bloom-3: #FF7F61;
  --spring-first-bloom-4: #7CC243;
  --spring-first-bloom-5: #2EC4B6;
}

Spring vs neighbouring seasons

Sources and further reading

• Wikipedia: Color analysis (art) · History of seasonal color analysis and the twelve-season system.
• WCAG 2.1: Contrast (Minimum) · The W3C rule behind the 4.5:1 and 3:1 thresholds used on this page.
• MDN: CSS color values · Reference for hex, rgb() and hsl() syntax.

More seasonal palettes

Questions people ask