Tempered Periwinkle color palette — #F0F7F1 · #D9DCF9 · #86A4E2 · #4C8397 · #3C4762

Cornflower and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Thistle (#D9DCF9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Cornflower (#86A4E2): A luminous, balanced violet — the color of a velvet chair.
• Storm Blue (#4C8397): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#3C4762): A deep, shadowed, dusty violet — the color of wild irises.

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

• Petrol Pier color palette (#FCF2F5, #C6DFFA, #7988B7, #006E7F, #404563)
• Misty Sky color palette (#CDF2FF, #5DC5FF, #4094D2, #486AA0, #3C4B68)
• Cobalt Veranda color palette (#DDE8DF, #66C0D7, #007FAC, #005957, #00213B)
• Muted Powder color palette (#EEF6FF, #81BBFF, #CB9B58, #4D83C1, #2E4A2E)
• Aged Periwinkle Study color palette (#EFF6FF, #6DA4FF, #D47B7C, #65955A, #2B394B)
• Dusty Denim color palette (#E5F2E8, #559CC0, #005B99, #003A41, #000329)
• Timeworn Lantern color palette (#F0F5FF, #B4CBFF, #708BD4, #485E90, #1F2F4F)
• Patina Glacier color palette (#EBFAEE, #39E2FC, #009AC5, #00736B, #003655)

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