Tempered Cobalt color palette — #D3EFFF · #85B1DC · #6779AA · #714F6A · #5C3950
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Frost (#D3EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#85B1DC): A luminous, dusty blue — the color of open sky before noon.
- Slate (#6779AA): A full-bodied, dusty violet — the color of twilight just after sunset.
- Graphite (#714F6A): A full-bodied, dusty pink — the color of a candy shop window.
- Cocoa (#5C3950): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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 Powder Basin color palette (#CBEAFF, #AED1FD, #A0A9E2, #A7809B, #673A4A)
- Patina Cerulean color palette (#DCEFFF, #738FC2, #616596, #4C3D5C, #572635)
- Washed Cocoa color palette (#C7F1F3, #71B6C5, #6C7DA7, #6B4415, #2B3600)
- Hushed Abyss color palette (#F6F3FF, #C5BBCF, #A295A6, #806B72, #405646)
- Wisteria Study color palette (#ECE1FF, #BF8ACB, #895A79, #70381F, #423300)
- Pewter Hollow color palette (#E0D9FA, #8964A3, #6B3D68, #4E1509, #2A1000)
- Sapphire Corridor color palette (#DBE9F5, #4EADFF, #006DD6, #1140A8, #273574)
- Powdered Ultramarine Bloom color palette (#EFF6FF, #638EF7, #CE4573, #2B50BE, #661934)
Browse the whole catalog at Explore, or see today's palette.