Tempered Cerulean color palette — #FBF4ED · #C0E8EE · #93A4D0 · #2F8896 · #5B3D4D

A conversation between Cerulean and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Frost (#C0E8EE): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#93A4D0): A luminous, dusty violet — the color of wild irises.
• Cerulean (#2F8896): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5B3D4D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Weathered Powder color palette (#FBF3F5, #D9D4DE, #A0B9F9, #2A91A0, #373D5A)
• Quiet Periwinkle Villa color palette (#FFF3E7, #B9E1FF, #7099ED, #00818C, #3C376E)
• Muted Lagoon Meadow color palette (#FBF3EF, #C4E7DE, #71AFC4, #3B8C6A, #265145)
• Lagoon Archive color palette (#E9FBE8, #5FCCC9, #DA8A9A, #009391, #5E343D)
• Softworn Cobalt color palette (#FCEAE1, #79BDCE, #007DB3, #005A4E, #021D47)
• Wandering Station color palette (#F9ECE1, #649BB5, #0F599D, #003B3B, #04002D)
• Softworn Drift color palette (#F7ECE6, #8CD3D0, #0096AE, #007040, #003249)
• Timeworn Taupe color palette (#ECFAE9, #BFEAEA, #D8CBF2, #919C73, #3F5444)

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