Tempered Periwinkle color palette — #EEF4EF · #D8DBEE · #809CD2 · #3D7386 · #2C364C

Blue Fog and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#D8DBEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#809CD2): A luminous, balanced violet — the color of wild irises.
• Slate (#3D7386): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#2C364C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cerulean Meadow color palette (#EDF4EE, #B8E5F1, #359DAC, #206D56, #162F3D)
• Tempered Petrol Coast color palette (#E3ECE4, #7DBED4, #0074A3, #004B4C, #00162F)
• Hushed Ash color palette (#FAF4ED, #C3EEF4, #8A96C8, #59785B, #654954)
• Dusty Ash Terrace color palette (#E2F6FC, #CFD8E7, #BAA4AF, #679AA0, #283B44)
• Timeworn Coral color palette (#E6F5F9, #6FC4C1, #D48188, #008380, #3C2A3D)
• Wandering Pier color palette (#E1EFE4, #76A2C4, #0052B6, #003844, #04032B)
• Lagoon Quarry color palette (#E0EAE1, #3B8689, #00434F, #002018, #000103)
• Wandering Lagoon color palette (#E0F6FD, #4EADB1, #A879B5, #8F7345, #172B31)

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