Tempered Cobalt color palette — #EAF9F8 · #89BEE7 · #0070C3 · #00526C · #103162
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAF9F8): bright and airy, almost weightless.
- Sky (#89BEE7): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#0070C3): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00526C): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#103162): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Ancient Petrol Thicket color palette (#E8FAF7, #73C6D8, #007A97, #005559, #00384D)
- Softworn Sapphire Thicket color palette (#FFECF3, #71C4FF, #396BD3, #005057, #180C45)
- Soft Ultramarine Parlor color palette (#D4E7E6, #7FA2C5, #0053B0, #003A53, #0A1A49)
- Pale Cornflower color palette (#FFF3E7, #97D2FF, #5887EE, #00717B, #30295F)
- Washed Cerulean color palette (#EDF8F5, #B6E5F4, #359AA6, #007268, #2D4C5B)
- Cerulean Harbor color palette (#DBEDEA, #4F9CAA, #005364, #003030, #001720)
- Timeworn Periwinkle color palette (#FFF1F6, #B4E0FF, #85A6FF, #009894, #3A1E69)
- Pine Boulevard color palette (#E3F1E6, #008842, #007086, #694E00, #002D11)
Browse the whole catalog at Explore, or see today's palette.