Palettes · theme palettes
Spring color palettes: hex codes for blossoms, meadows and pastels
Five spring palettes with hex codes, from cherry blossom pinks (#FFC2D1, #FB6F92) and stem green (#6A994E) to meadow, Easter pastels, rainy blue-gray and tulips. Readable text pairs are listed and the codes can be copied or downloaded.
Cherry blossom
- #FFC2D1Blossom
- #FF8FABPetal
- #FB6F92Bloom
- #E9F5DBNew leaf
- #6A994EStem
Preview
Cherry blossom
Body text in black on new leaf, with bloom as the accent.
ButtonNo two colors here reach 4.5:1, so use it for decoration and set text in black or white.
Spring meadow
- #A7C957Meadow
- #F2E8CFCream
- #FFD166Buttercup
- #8ECAE6Spring sky
- #386641Fern
Preview
Spring meadow
Body text in fern on cream, with meadow as the accent.
ButtonReadable text pairs (WCAG AA, 4.5:1 or more): Fern on Cream 5.47:1; Fern on Buttercup 4.63:1
Easter pastels
- #CDB4DBLilac
- #FFC8DDPink egg
- #BDE0FERobin's egg
- #FDFFB6Chick
- #CAFFBFPistachio
Preview
Easter pastels
Body text in black on chick, with pistachio as the accent.
ButtonNo two colors here reach 4.5:1, so use it for decoration and set text in black or white.
April showers
- #5E81ACRain cloud
- #A3BE8CMoss
- #EBCB8BDaffodil
- #ECEFF4Mist
- #4C566ASlate
Preview
April showers
Body text in slate on mist, with daffodil as the accent.
ButtonReadable text pairs (WCAG AA, 4.5:1 or more): Slate on Mist 6.40:1; Slate on Daffodil 4.72:1
Tulip garden
- #E63946Red tulip
- #F4A261Apricot
- #FFE66DYellow tulip
- #90BE6DLeaf
- #F1FAEEWhite
Preview
Tulip garden
Body text in black on white, with red tulip as the accent.
ButtonNo two colors here reach 4.5:1, so use it for decoration and set text in black or white.
Every palette here in 3D color space
Lightness runs up the pole and hue goes around it, so palettes that share a mood sit in the same region. Drag to turn it.
- Blossom
- Petal
- Bloom
- New leaf
- Stem
- Meadow
- Cream
- Buttercup
- Spring sky
- Fern
- Lilac
- Pink egg
- Robin's egg
- Chick
- Pistachio
- Rain cloud
- Moss
- Daffodil
- Mist
- Slate
- Red tulip
- Apricot
- Yellow tulip
- Leaf
- White
On this page
Spring colors are mostly light and a little acid: new-leaf greens, blossom pinks, a yellow that borders on lemon. That brightness is lovely in a garden and awkward on a screen, because very few of these colors can carry text. This page gives you five palettes, and each one marks which color should do the reading.
The five palettes
- Cherry blossom runs from blossom (#FFC2D1) through petal (#FF8FAB) to bloom (#FB6F92), with new leaf white-green (#E9F5DB) and stem green (#6A994E). It suits wedding stationery and tea-shop branding.
- Spring meadow mixes meadow green (#A7C957), cream, buttercup (#FFD166), a clear spring sky blue and a deep fern green (#386641). It is the most all-purpose of the set.
- Easter pastels are lilac, pink egg, robin's egg blue, chick yellow and pistachio, five colors at almost the same lightness.
- April showers is the moody one, with rain-cloud blue (#5E81AC), moss, daffodil, mist and slate. Rain makes spring look gray-blue, and this is that look.
- Tulip garden brings in saturated red tulip (#E63946), apricot, yellow tulip and leaf green on a white tinted with green.
Where the text can go
Look at the readable pairs under each palette. Spring meadow offers fern on cream at 5.47:1 and fern on buttercup at 4.63:1, so a deep green is your text color there. April showers has slate on mist at 6.40:1 and slate on daffodil at 4.72:1. Cherry blossom, Easter pastels and tulip garden list no pair at all that reaches 4.5:1. That is the honest result for a pastel set: every color is light, so none of them separates from another enough for body copy.
The practical answer is to add a dark neutral. If you build with Easter pastels, set the words in a charcoal or deep green from outside the palette and let the five pastels fill shapes, borders and backgrounds. The contrast checker lets you test the neutral you choose.
Worked example
A garden center wants a web banner announcing its plant sale weekend. Use the spring meadow palette: cream as the banner background, fern green (#386641) for the headline and dates, and meadow green as a wide stripe along the bottom. Fern on cream measures 5.47:1, which clears the 4.5:1 line for normal text with a bit to spare. Put a buttercup circle behind the "Sat and Sun" badge and keep the fern text inside it, since fern on buttercup is 4.63:1, close to the limit, so make that text bold and at least 18px. Press Variation if the banner needs to match a client's logo hue, and Copy CSS to hand the developer the five colors as variables.
Related pages
If you want a darker seasonal set for later in the year, see fall. For a handmade, rural feel, try cottagecore, and for a clean light scheme with a single accent, light blue and white. Build your own mix of greens with the color mixer.