ع

Spring Morning

A soft sunrise spectrum of yellow, peach and lilac.

≈ Lemon Chiffon
≈ Champagne Pink
≈ Baby Pink
≈ Pastel Pink
≈ Pastel Lilac

Color codes

HEXRGBHSLCMYK
hsl(56, 85%, 89%)cmyk(0%, 1%, 19%, 2%)
hsl(27, 92%, 90%)cmyk(0%, 10%, 18%, 1%)
hsl(356, 100%, 91%)cmyk(0%, 19%, 18%, 0%)
hsl(311, 64%, 85%)cmyk(0%, 20%, 4%, 5%)
hsl(263, 64%, 84%)cmyk(14%, 23%, 0%, 6%)

CSS

:root {
  --spring-morning-1: #FBF8CC;
  --spring-morning-2: #FDE4CF;
  --spring-morning-3: #FFCFD2;
  --spring-morning-4: #F1C0E8;
  --spring-morning-5: #CFBAF0;
}

How these colors work together

It pairs opposite hues on the color wheel for strong, lively contrast. Overall it reads warm. Lightness spans 7 points, which sets how much contrast you can create.

0 of 10 color pairs reach the 4.5:1 contrast needed for normal text.

Suggested applications

  • Baby products, stationery and friendly apps.
  • Interface themes: use the lightest color for backgrounds and the darkest for text.
  • Brand kits, social graphics and presentations.

#spring#soft#rainbow

Check accessibility Simulate color blindness CSS variables

Frequently asked questions

How do I use the Spring Morning palette?
The Spring Morning palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
No pair in this palette reaches 3:1, so pair it with a very dark or very light neutral for text.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.

More palettes

Mint Gelato#E3F9F1 #B8F2E6 #AED9E0 #FFA69E #5E6472Lavender Fields#F3EEFC #E0D4F7 #C3B1E1 #9D8EC7 #6A5D8FCotton Candy#FFC8DD #FFAFCC #BDE0FE #A2D2FF #CDB4DBNordic Light#FFFFFF #EEF1F4 #C9D1D9 #6B7B8C #1F2933Cabin Fire#2B1B17 #5C2E1F #A4452C #E6A157 #F4E1C1Fresh Startup#06D6A0 #118AB2 #073B4C #FFD166 #EF476F