Tempered Cobalt color palette — #FBF2F8 · #96DBEA · #0087C9 · #00694B · #2D3C6E
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Ice Blue (#96DBEA): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0087C9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00694B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2D3C6E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Forest color palette (#F8F3F8, #C2E3ED, #4495B4, #357143, #38495D)
- Washed Indigo color palette (#FFF1F6, #A6D4FA, #5E72E5, #006668, #463660)
- Wandering Canyon color palette (#FFF0FA, #72C5DC, #0073B7, #005843, #242A68)
- Patina Terrace color palette (#FAF0E1, #7AE1F6, #0090B9, #00635C, #002840)
- Washed Lantern color palette (#ECE2EB, #4E9DA8, #005073, #00321E, #030E39)
- Hazy Villa color palette (#E0FBFF, #00AB96, #AC36EF, #006C5E, #4C2467)
- Sky Studio color palette (#FFF2EC, #B2F0FD, #57C3FA, #00A88D, #214069)
- Weathered Ultramarine Cabin color palette (#EFE5E8, #7CA4C3, #3442C4, #003E3E, #271044)
Browse the whole catalog at Explore, or see today's palette.