Tempered Cobalt color palette — #CCF4E3 · #0082B1 · #023A62 · #001E2C · #000B04
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CCF4E3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0082B1): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#023A62): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001E2C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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
- Frosted Cobalt Alley color palette (#F0DFF2, #0079D6, #203568, #001B37, #000A06)
- Hushed Lagoon Terrace color palette (#E0EDDC, #008A7F, #004143, #00201D, #040A01)
- Hushed Parlor color palette (#E0EEF9, #009FD2, #3C5598, #14394E, #00090E)
- Weathered Cornflower Veranda color palette (#F1D9ED, #4C7AFF, #3E4165, #321F2F, #180D18)
- Timeworn Azure Cabin color palette (#E6F6F1, #65A2D3, #615361, #2C3C37, #1C2420)
- Muted Drift color palette (#E3E8FC, #6A7CFF, #D425AD, #007D8A, #171C52)
- Tempered Pier color palette (#F2DFE4, #A679C5, #624349, #39282E, #1E1519)
- Timeworn Cerulean Courtyard color palette (#F5F8E0, #8CDAE1, #009DB3, #00736E, #003947)
Browse the whole catalog at Explore, or see today's palette.