Muted Cobalt color palette — #FBF2F9 · #E5CEA7 · #647CB3 · #5A4557 · #31282F

Slate and Wheat set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Wheat (#E5CEA7): A whisper-light, dusty gold — the color of honey in a jar.
• Slate (#647CB3): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#5A4557): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#31282F): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged luxury, dark, 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 Cerulean color palette (#ECF9F3, #F8C3B4, #4E859E, #305646, #232E29)
• Softworn Pewter color palette (#FFF1F4, #B9CE8D, #886093, #513757, #291E21)
• Driftwood Corridor color palette (#F1F5FC, #B8E6F0, #7387A6, #39475C, #161B25)
• Aged Sand Courtyard color palette (#EFF6FF, #EFDCB1, #89A0C3, #5D6E88, #242C38)
• Tempered Chapel color palette (#F1F5FD, #EAADB9, #4B5F7E, #2F3949, #24232B)
• Aged Coral Veranda color palette (#FAF3F8, #BCD1FF, #D1837D, #718BC7, #332C29)
• Tempered Hollow color palette (#FCF1FB, #7F9FE1, #B76D38, #247B62, #3D323C)
• Ancient Ash color palette (#F8F6E4, #B9B7EF, #BB7BA1, #347E69, #574048)

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