Tempered Cobalt Market color palette — #EFF6FF · #9AB1D5 · #BE8C6B · #526FB6 · #663F52

Slate takes the lead with Caramel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mauve (#9AB1D5): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#BE8C6B): A luminous, dusty gold — the color of old brass.
• Slate (#526FB6): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#663F52): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Cobalt Market 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

• Dusty Alley color palette (#EFF6FF, #94B2DD, #A39B5A, #4673B4, #335644)
• Petrol Hollow color palette (#E9F8FE, #85B9CB, #C58581, #00828B, #6A403E)
• Amber Summit color palette (#F9EDFA, #91B7E0, #CC8D42, #4875A4, #35302B)
• Dusty Marigold color palette (#EEF6FF, #9BC9FA, #D7A864, #5F90C4, #3B553B)
• Lagoon Meadow color palette (#EDF6FF, #DDD9E3, #C3ACA2, #479199, #4C5264)
• Patina Corridor color palette (#EFF6FF, #769ACB, #A9823F, #73752C, #334458)
• Aged Denim color palette (#EFF6FF, #B4C3ED, #6D7CB1, #394F89, #253B5E)
• Hushed Chestnut color palette (#EBF9F2, #9FC0B9, #648A79, #76572A, #304E4F)

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