Tempered Cerulean color palette — #F0F7F3 · #D4DCDD · #B7AEA3 · #4B8CA0 · #4D5550

A conversation between Storm Blue and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D4DCDD): bright and airy, almost weightless.
• Ash (#B7AEA3): soft and architectural.
• Storm Blue (#4B8CA0): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#4D5550): quiet, heavy and certain.

Feels like: Trust, Stability, 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 Courtyard color palette (#ECF3F7, #D4D6DE, #B7AEBE, #548BA3, #31373B)
• Weathered Chestnut color palette (#FAF5E6, #8DB294, #5B77AA, #6E5600, #354E42)
• Fern Terrace color palette (#F7F5EE, #BFC4A9, #758866, #48705A, #4B5302)
• Bronze Coast color palette (#EBFBE5, #B6D2C3, #A38B99, #8A6321, #42533B)
• Hushed Cocoa color palette (#FCF2F7, #9692BC, #6F6998, #7E4113, #004D4C)
• Tempered Field color palette (#E5F1EB, #A394A2, #816875, #002F42, #000D07)
• Aubergine Basin color palette (#EEE2E7, #B6A4A7, #9B7471, #440A84, #210B16)
• Muted Denim Villa color palette (#F3ECF3, #D6C7D0, #B796A0, #00559D, #352936)

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