Tempered Cobalt color palette — #EEF4ED · #ADCBE9 · #5E77C4 · #005A66 · #191E38

Azure takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EEF4ED): bright and airy, almost weightless.
• Sky (#ADCBE9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Azure (#5E77C4): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005A66): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#191E38): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Muted Cobalt color palette (#EAF9F9, #AAC8E8, #4A78BC, #065A7F, #2B395C)
• Muted Ridge color palette (#F7EFF5, #A1D0E0, #0089A9, #005E41, #052239)
• Softworn Sapphire color palette (#FDECF4, #67C8F6, #0071D0, #005151, #0F094E)
• Washed Periwinkle color palette (#F3F6EE, #C2DFF5, #76A8ED, #0078A6, #1F2D4D)
• Denim Coast color palette (#EFE4EB, #3797B2, #004E78, #002C27, #00011C)
• Worn Quarry color palette (#D9EFE8, #8FAE3E, #A9339E, #4A5E00, #30082D)
• Dusty Grove color palette (#E0F8F2, #B4E0F4, #44CEE1, #7D6A29, #02302D)
• Pale Grape color palette (#D5F5EE, #6AA044, #773AA2, #912450, #001915)

Browse the whole catalog at Explore, or see today's palette.