Tempered Cobalt color palette — #FCF3EF · #94D0DD · #0082B4 · #006151 · #233B5B
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FCF3EF): bright and airy, almost weightless.
- Sky (#94D0DD): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0082B4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006151): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#233B5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt 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
- Washed Coast color palette (#FBF3EF, #B3CDB4, #0086A1, #006340, #194337)
- Wandering Cerulean Garden color palette (#E6F6F3, #96D3E1, #0089AA, #005B5F, #002433)
- Worn Archive color palette (#FAF4EE, #A9CFC2, #4B75C8, #005E66, #4F2E43)
- Muted Sapphire color palette (#F7ECE2, #82B8E1, #3161C7, #004F55, #2A2654)
- Tempered Turquoise color palette (#F5F6EB, #96E2F4, #4EA2BD, #007B81, #154434)
- Antique Lagoon color palette (#EFF8F0, #BDE7FB, #6CBDE2, #00A199, #1F3D57)
- Cerulean Workshop color palette (#F5EAE3, #278EA8, #004063, #00231E, #000429)
- Patina Canyon color palette (#FBF3F0, #CBE8E3, #5EA3C4, #3A7D6A, #5C4C5E)
Browse the whole catalog at Explore, or see today's palette.