Tempered Cerulean color palette — #F5EDE2 · #89D4D0 · #0098A6 · #006F52 · #003442

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

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Lagoon (#89D4D0): A luminous, dusty teal — the color of sea glass.
• Cerulean (#0098A6): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F52): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Worn Villa color palette (#E9F9F5, #C4E1FA, #0FA6AC, #006C5B, #002328)
• Petrol Market color palette (#F8EDDC, #72BFD0, #0080A8, #005A55, #002139)
• Airy Cobalt color palette (#F4EEE4, #8DCEF2, #2A8ADC, #006A77, #1B2C51)
• Airy Azure Dune color palette (#FCF4E8, #9FE8FF, #39A7DE, #008282, #13426C)
• Pale Emerald color palette (#F5EBF2, #A2E1DE, #00B8D4, #009758, #003249)
• Softworn Cerulean Field color palette (#EDE1D0, #17A4B6, #00627C, #003C36, #000A15)
• Weathered Thicket color palette (#F9F4ED, #C7ECE2, #84BCC8, #7B8D6E, #375145)
• Mallow Corridor color palette (#FFE9FC, #CECAFF, #D6A0E4, #3A7EA4, #422A3C)

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