Tempered Cerulean color palette — #ECF3F7 · #D5D7E0 · #BAAEBE · #5F89A0 · #31373B

Storm Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D5D7E0): bright and airy, almost weightless.
• Ash (#BAAEBE): A luminous, dusty pink — the color of neon signs at night.
• Storm Blue (#5F89A0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#31373B): 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

• Weathered Ash Harbor color palette (#E7F4FF, #BFCBDC, #8A8EB3, #78626C, #3C4A41)
• Tempered Petrol Basin color palette (#ECF3F9, #D6D5E6, #B3BEDE, #2570A6, #1C262F)
• Worn Lagoon color palette (#ECF4F2, #A0CDCB, #57907E, #476772, #213534)
• Aged Cobalt color palette (#E7F7EA, #75B5D3, #6476AB, #744333, #202E3A)
• Weathered Courtyard color palette (#EFF7F2, #E0D4D2, #A6A096, #668C74, #4C554F)
• Aged Villa color palette (#DDE1E8, #B0B2BF, #8C89A9, #353787, #070A14)
• Aged Onyx Thicket color palette (#DAE2E8, #828F9D, #5B6B8A, #002E42, #000103)
• Weathered Iris Lantern color palette (#E7F4FF, #C7D2ED, #91CCFF, #968CD3, #1E2E41)

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