Tempered Cobalt color palette — #D7F0FF · #5377B8 · #48406D · #371500 · #030200
Built around Slate, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D7F0FF): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#5377B8): A full-bodied, balanced violet — the color of wild irises.
- Navy (#48406D): A full-bodied, dusty violet — the color of wild irises.
- Espresso (#371500): A deep, shadowed, dusty gold — the color of old brass.
- Black (#030200): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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
- Ancient Cerulean color palette (#DEF2EE, #008BA1, #275176, #3D1224, #060000)
- Washed Field color palette (#E6F0FF, #816DC5, #663965, #0A2711, #010100)
- Midnight Navy color palette (#E3F7DD, #1D607D, #2E326F, #231A00, #000500)
- Worn Onyx color palette (#EAE9F9, #6F5C86, #553457, #440102, #250B00)
- Basalt Hollow color palette (#DFF3F5, #658FB2, #675F87, #4E4500, #141500)
- Turquoise Veranda color palette (#D6E4D9, #35B4CB, #005D7A, #002C29, #000103)
- Worn Violet color palette (#ECEAFF, #8260FF, #4B0099, #1B0710, #06001D)
- Ash Drift color palette (#E2DDF9, #B684B8, #89495C, #343910, #000C01)
Browse the whole catalog at Explore, or see today's palette.