Tempered Cerulean color palette — #EFF7F9 · #D5DBE4 · #B4ACB4 · #598A9B · #4A5458

Built around Storm Blue, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D5DBE4): a clean, paper-quiet neutral.
• Ash (#B4ACB4): a calm mid-gray that lets other colors speak.
• Storm Blue (#598A9B): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4A5458): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Taupe color palette (#F1F7F1, #D0DFDE, #BCB7AD, #88A487, #4E554E)
• Aged Petrol color palette (#EDF7FD, #D4D9EC, #A1C0DE, #007695, #34424A)
• Ash Basin color palette (#EDF7FF, #B4C7DF, #8795B2, #72697F, #5C4652)
• Washed Turquoise Study color palette (#E6FAF8, #5EB6CC, #447EA3, #654F75, #364B57)
• Dusty Navy Terrace color palette (#E6EEF8, #AEB9CD, #878AB3, #194280, #17202B)
• Petrol Market color palette (#D9E1E4, #8A9DA9, #53758E, #00313A, #010B11)
• Weathered Grape color palette (#F3F5FD, #CED0EA, #B49BC4, #5E3FB2, #2E3243)
• Aged Cerulean Orchard color palette (#F0F6FA, #D7DAE1, #B5A9B1, #578B9B, #4C5458)

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