Tempered Periwinkle color palette — #FCF4E8 · #DAD5E0 · #7EAEFF · #0084A0 · #2A315B

Built around Cornflower, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Silver (#DAD5E0): bright and airy, almost weightless.
• Cornflower (#7EAEFF): A luminous, balanced violet — the color of wild irises.
• Cerulean (#0084A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2A315B): 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

• Powder Cabin color palette (#FAF4EC, #C0E4F5, #77C3FF, #3A9098, #4E354D)
• Timeworn Turquoise Loft color palette (#FBF4EA, #CFE0F9, #00C3DE, #008B6F, #003B4E)
• Washed Sapphire color palette (#F3EDE3, #87BEE5, #0065C4, #003C47, #010015)
• Wandering Cobalt color palette (#E5FAF9, #A3D4FF, #3E81CD, #006184, #283F6A)
• Wandering Drift color palette (#FBF4E9, #95D8EB, #0085B5, #005150, #000D1E)
• Turquoise Pier color palette (#F2ECE2, #52B1C5, #005D7A, #002C29, #000103)
• Turquoise Workshop color palette (#FCF4E8, #B2FFFA, #00AEBD, #007555, #002A35)
• Worn Chartreuse color palette (#F8F7DE, #B3EB6C, #BC8FF9, #598500, #381F56)

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