Muted Cobalt color palette — #EFF6FF · #96AFE5 · #BD8D63 · #5671AB · #63414F

Built around Slate, softened by Sky — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#96AFE5): A luminous, balanced violet — the color of wild irises.
• Caramel (#BD8D63): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#5671AB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#63414F): A full-bodied, dusty rose — the color of a warm blush.

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

Use it as a design system

One click turns Muted 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 Petrol color palette (#F0F5FF, #A2ADDA, #AB9761, #636FA4, #375541)
• Tempered Cobalt Thicket color palette (#F6EFF7, #97B6DD, #C0925B, #3473BB, #452B05)
• Cobalt Courtyard color palette (#EEF6FF, #A5C7F2, #D9A66B, #568FD3, #673F4D)
• Aged Basin color palette (#E6F9FF, #6EC0C2, #C48778, #008387, #614159)
• Ancient Coast color palette (#EFF6FF, #7999CD, #A08555, #717542, #374354)
• Timeworn Ash color palette (#EDF6FF, #DFD9E3, #BFABA2, #6E98A7, #464C5A)
• Softworn Atelier color palette (#FDF1F9, #D3ABB9, #937689, #6A5570, #394D41)
• Tempered Cobalt Terrace color palette (#F0F5FF, #B1CBFA, #7381B4, #404B78, #2A385B)

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