Tempered Cobalt Drift color palette — #FBF2F9 · #9FCDE1 · #2D80B3 · #006345 · #293A59

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sky (#9FCDE1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2D80B3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006345): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#293A59): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cobalt Drift 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

• Softworn Loft color palette (#FBF2FB, #62CBCA, #007A98, #005B1D, #023360)
• Muted Harbor color palette (#F7F1E8, #93D4E0, #0F88AD, #005C55, #002339)
• Timeworn Cobalt Veranda color palette (#FAF3F6, #C6E0F3, #698BC3, #007268, #3F4662)
• Sapphire Parlor color palette (#F5ECEF, #7FB9DD, #3A61C2, #00504C, #302451)
• Timeworn Teal Basin color palette (#D2E5D7, #00B09C, #007481, #005476, #263B62)
• Mallow Boulevard color palette (#E7F9FF, #C1E1FF, #CCA2E2, #308368, #2D475A)
• Bronze Basin color palette (#CAEBFA, #00899D, #A85000, #6E4F00, #0B303E)
• Weathered Sky Dune color palette (#FCF3EE, #C2ECCE, #69BDE7, #439E87, #233C5A)

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