Tempered Cobalt color palette — #DDF5FE · #74AAC6 · #5A80CC · #005F5A · #000C13
Built around Azure, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#DDF5FE): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#74AAC6): A luminous, dusty blue — the color of deep harbor water.
- Azure (#5A80CC): A luminous, balanced violet — the color of a velvet chair.
- Peacock (#005F5A): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000C13): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged pastel, light, muted, 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
- Violet Coast color palette (#CCE4F9, #85A0D7, #876BC7, #005565, #000D28)
- Cerulean Studio color palette (#C8E8EC, #5AB5B8, #0095C5, #005A33, #001615)
- Powder Meadow color palette (#D5EFDB, #72C9FB, #6F8ECF, #005750, #000201)
- Gentle Violet color palette (#D8F5FF, #5697C1, #8359C6, #00401D, #00111C)
- Sky Alley color palette (#C6EFEF, #37B8FA, #9E7CDD, #33793A, #001209)
- Feathered Corridor color palette (#E4F0FF, #B1B8EC, #BD91DF, #007192, #091E4B)
- Hazy Aubergine color palette (#E4EDFA, #4674BA, #6A0088, #003478, #040007)
- Denim Loft color palette (#D1DFFA, #B79EDF, #C474B8, #005BAB, #180A34)
Browse the whole catalog at Explore, or see today's palette.