Tempered Cobalt color palette — #F8EFF2 · #ADCBEA · #6278BD · #005966 · #191D3B

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

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Sky (#ADCBEA): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6278BD): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005966): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#191D3B): 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

• Worn Terrace color palette (#ECF8F8, #A6C9EC, #4E79B5, #005A7F, #283B58)
• Washed Alley color palette (#F8EFF5, #96D4D8, #0089A9, #005E41, #04223A)
• Airy Hollow color palette (#FFECF5, #85C5E6, #0070D3, #005152, #10084F)
• Patina Petrol Terrace color palette (#F3F7EE, #C2DFF5, #77A8EC, #0078A7, #1E2D4E)
• Softworn Denim Lagoon color palette (#EADDE5, #4E95AB, #004E79, #002C28, #00001E)
• Violet Market color palette (#E9EBFB, #915DCC, #697700, #006B57, #110F2B)
• Ancient Apricot color palette (#F1F0FF, #F6C7E7, #EF9077, #646AA3, #2A233C)
• Soft Orchard color palette (#E9F0FF, #9587E4, #8A44C2, #61246A, #39122E)

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