Tempered Cerulean color palette — #FDF3EE · #95D1D8 · #0084A9 · #006249 · #1D3D5A

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Ice Blue (#95D1D8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0084A9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006249): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1D3D5A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Ridge color palette (#FDF3EC, #8ECFF0, #4A7AB4, #005F60, #4C2F45)
• Aged Cerulean Chapel color palette (#FAEFEB, #B2D1B7, #2486B0, #135E38, #0C1F3F)
• Wandering Atelier color palette (#FBF2F9, #B6DBE9, #5C9FC0, #397B55, #223A62)
• Lagoon Loft color palette (#EFF8F0, #C2E7F5, #5EC1DE, #00A28E, #01405B)
• Muted Cerulean color palette (#EDDAD2, #1C8FA2, #00425C, #00231B, #00091B)
• Hushed Sapphire Delta color palette (#FFF3E5, #78BEFF, #4660D6, #005460, #362366)
• Dusty Powder color palette (#F3F9DB, #A5E7E0, #81BCDC, #6B7445, #38442E)
• Worn Dune color palette (#F2E3DB, #4EADC4, #005E88, #003F36, #071E42)

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