Tempered Cerulean Workshop color palette — #F9F4EE · #C2E0EE · #B7C0F6 · #539FA9 · #584756

Storm Blue and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C2E0EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#B7C0F6): A luminous, dusty violet — the color of a velvet chair.
• Storm Blue (#539FA9): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#584756): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Aged Azure color palette (#EBF9F3, #D0DEFC, #FFBA91, #4FA4D2, #4B4540)
• Ash Workshop color palette (#EDF8F7, #D6DCED, #7C9DBA, #4C7589, #415569)
• Hushed Sky color palette (#E2FEE6, #D0E6FA, #50C4EE, #487EA3, #544055)
• Cobalt Workshop color palette (#FBF4EA, #9FD5EC, #0082C2, #005155, #000C23)
• Hushed Stone color palette (#E7FAF4, #E9D6D1, #9EC4AF, #B2A5A3, #594D58)
• Ancient Mallow color palette (#E5FBF3, #9AD3FF, #F19FB5, #9AA977, #243E37)
• Turquoise Orchard color palette (#FDF4E6, #D0E2FA, #00C4D9, #008B69, #003B4C)
• Tempered Field color palette (#FCF4E7, #B4F2F9, #00A2C3, #006B5D, #002232)

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