Tempered Cerulean color palette — #F8F0EC · #C4E6CE · #5295C2 · #206E50 · #3A2336

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Celadon Mist (#C4E6CE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5295C2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#206E50): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#3A2336): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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

• Patina Canyon color palette (#F6F1EC, #C5E6EA, #8B99CE, #2F7878, #452E38)
• Hazy Cobalt color palette (#F9EFEB, #9EDCE4, #008DC4, #00663F, #112349)
• Airy Amber color palette (#E8F7E9, #47B7BB, #CE7226, #007377, #3E1D03)
• Chalky Teal Veranda color palette (#E5EED6, #4CC3AE, #008492, #005A7F, #192C4A)
• Mallow Archive color palette (#E3F8E9, #B1E8F1, #DFBDFB, #4F826B, #1A332B)
• Hushed Lagoon Balcony color palette (#F5EAE6, #238888, #004254, #002106, #000104)
• Muted Aqua color palette (#F1F7F2, #D8E0EC, #6AC8EF, #2C948B, #284258)
• Faded Bronze Grove color palette (#E2F9E4, #00A1A5, #B46C00, #8F601B, #112313)

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