Tempered Cobalt color palette — #EFF8F0 · #A1D5FD · #3D7ED8 · #006477 · #2F3A72
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F0): bright and airy, almost weightless.
- Powder Blue (#A1D5FD): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#3D7ED8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#006477): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2F3A72): 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
- Ancient Cerulean Meadow color palette (#EAFAED, #A7D6EB, #008CB2, #00675F, #084465)
- Washed Sapphire color palette (#ECF9EF, #8BBDEC, #3266D3, #005368, #282968)
- Weathered Studio color palette (#FCEDF3, #B3D4F1, #657DD1, #006262, #2C1749)
- Iris Chapel color palette (#FEF3E8, #B9E0FF, #7994F8, #008282, #473467)
- Petrol Meadow color palette (#EEF6FF, #E0D6EE, #C59EDD, #007EA4, #384770)
- Quiet Turquoise color palette (#D5F5FD, #00B5E8, #007DB9, #005296, #44306C)
- Navy Courtyard color palette (#DCEBDF, #5A97BC, #004A89, #002F36, #040C3C)
- Cypress Atelier color palette (#F1F7F2, #D1DFEF, #74A0B5, #42797E, #3B5668)
Browse the whole catalog at Explore, or see today's palette.