Tempered Cerulean color palette — #F0F6FE · #FFF6C9 · #6E88AA · #39475A · #171C22

A conversation between Slate Blue and Custard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Custard (#FFF6C9): A whisper-light, dusty green — the color of new leaves after rain.
• Slate Blue (#6E88AA): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#39475A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#171C22): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Cerulean 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

• Hushed Lichen color palette (#F4F4FF, #B5F8CD, #826B98, #353452, #0E0E18)
• Tempered Dune color palette (#FCF2F9, #FFD2C8, #8E9DC9, #7F6279, #31282F)
• Timeworn Petrol Boulevard color palette (#ECF2FC, #D2B9D8, #536085, #21314E, #0E141F)
• Timeworn Bloom color palette (#EEF6FF, #9AC6FF, #A8B67D, #7D885D, #28333F)
• Dusty Atelier color palette (#DDFCFE, #D2DBFF, #CB8CAA, #487C81, #3C3E4F)
• Antique Quarry color palette (#F0F6FD, #DAD9E3, #E79498, #7F9BC9, #241B24)
• Chartreuse Villa color palette (#EEF6FF, #5CFC97, #316CB1, #132F50, #000716)
• Mallow Field color palette (#F2F5FF, #C6A3FA, #948C4E, #77703D, #16282B)

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