Tempered Periwinkle color palette — #E8FAF5 · #A8BE76 · #7B9BE5 · #A46189 · #372029

Cornflower and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAF5): bright and airy, almost weightless.
• Sage (#A8BE76): A luminous, balanced green — the color of a quiet forest floor.
• Cornflower (#7B9BE5): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#A46189): A full-bodied, balanced pink — the color of a candy shop window.
• Onyx (#372029): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Tempered Periwinkle into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Chalky Driftwood Courtyard color palette (#E3FBFA, #8BD0A3, #5EA8DC, #A0649C, #562B05)
• Tempered Drift color palette (#E7F9F9, #6EC393, #A58DDB, #B26D72, #163223)
• Feathered Mustard color palette (#EDF9EE, #DAAB45, #1EAAC6, #7D72B5, #362536)
• Teal Balcony color palette (#E6FCEA, #A0D7A7, #4DB8B0, #9673A1, #1F4445)
• Gentle Mulberry color palette (#F4F7EB, #7FBD8C, #0092A2, #8D3D69, #161A04)
• Peony Chapel color palette (#E8F8FF, #00BECF, #C765A1, #A6651B, #002824)
• Patina Teal color palette (#E3FAFD, #26B19E, #4978B0, #425C90, #37232B)
• Plum Lagoon color palette (#C4FCF6, #00C369, #8671FF, #CC0062, #1F1700)

Browse the whole catalog at Explore, or see today's palette.