Tempered Cobalt color palette — #FDF0FF · #9CCCFF · #C0B408 · #007FDA · #333000
Built around Azure, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#9CCCFF): A whisper-light, balanced blue — the color of deep harbor water.
- Gold (#C0B408): A luminous, balanced green — the color of new leaves after rain.
- Azure (#007FDA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Espresso (#333000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Hazy Archive color palette (#DEFEF1, #82D3FF, #DDA300, #0089BC, #3D2B00)
- Weathered Drift color palette (#FFF0FA, #B0B9FF, #AAB11B, #6365D1, #292A00)
- Gentle Courtyard color palette (#FFF1F7, #D9CAFF, #88D37C, #9274CE, #264021)
- Linen Periwinkle Harbor color palette (#EFF6FF, #A1C7FF, #00D793, #4C96FF, #00472E)
- Ancient Ultramarine Atelier color palette (#FFF0FC, #9CB5FF, #A38C00, #3041D7, #1E1800)
- Aged Atelier color palette (#FFF1F6, #D6B6FF, #5ACE34, #9E40EE, #0F3902)
- Amber Courtyard color palette (#FFF0FE, #7FAEFF, #D28E00, #948800, #0E2041)
- Softworn Ultramarine Veranda color palette (#EFF6FF, #5290FD, #A77300, #004DD1, #503500)
Browse the whole catalog at Explore, or see today's palette.