Tempered Periwinkle color palette — #EAF3FE · #699AF2 · #56566B · #323842 · #1C2327

Cornflower and Charcoal Brown set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF3FE): a clean, paper-quiet neutral.
• Cornflower (#699AF2): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#56566B): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#323842): a grounded near-black with real depth.
• Onyx (#1C2327): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Turquoise Canyon color palette (#E6F4FB, #00AEC8, #4C596B, #2D3A40, #1D2324)
• Softworn Lilac Bloom color palette (#F0F0FF, #B384D8, #605267, #373643, #1F2226)
• Timeworn Field color palette (#FBF2FA, #8DAEED, #664C57, #342632, #09110E)
• Powder Alley color palette (#EDF2FB, #99B6F4, #747B8D, #4B5565, #1C2229)
• Muted Cobalt color palette (#FBEDF9, #607BB9, #493642, #2E252D, #1A1215)
• Aged Quarry color palette (#E1E7F8, #7B6AFF, #5B3557, #1E253B, #0A121A)
• Lilac Harbor color palette (#F2F5FF, #B5A3F1, #85B379, #5E9A86, #3E4153)
• Worn Boulevard color palette (#E9F8FF, #C0D2F7, #ABA4B7, #7B8D84, #3F5148)

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