Tempered Cerulean color palette — #FAF4EC · #BFE7D3 · #5491BC · #007076 · #553F55

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#BFE7D3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5491BC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007076): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#553F55): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Hushed Cypress Atelier color palette (#F9F4ED, #C8E5CA, #3699AC, #00735D, #2D5041)
• Cypress Parlor color palette (#F8F0EB, #BCE8D2, #6A90BE, #0E6E5E, #3D2233)
• Worn Loft color palette (#FBF4EA, #96DAF1, #0089C1, #006667, #1E4266)
• Wandering Periwinkle color palette (#FDF1F8, #C9EAFF, #7DA8DD, #368B7B, #3E4760)
• Weathered Cerulean Ridge color palette (#F2EBDF, #3E8D9A, #004357, #00231F, #000A15)
• Dusty Teal Field color palette (#F1EADE, #5EAEAD, #00636F, #00402F, #00242F)
• Powdered Meadow color palette (#FFF2F0, #BD6A89, #768400, #22709A, #4C2F2C)
• Hushed Navy Dune color palette (#EBE2D5, #6296B7, #004A89, #002F36, #030940)

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