Dusty Cobalt color palette — #FBF2FA · #C5A3C2 · #58AC8A · #4771BB · #4B4E47

A conversation between Slate and Jade, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Mauve (#C5A3C2): A luminous, dusty pink — the color of neon signs at night.
• Jade (#58AC8A): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#4771BB): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal Brown (#4B4E47): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Dusty 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

• Indigo Villa color palette (#FDF2F6, #B5A7D5, #57A7AD, #7C62AD, #16575B)
• Weathered Terrace color palette (#EAF9F4, #89BCAC, #BE82AB, #0079B9, #694042)
• Dusty Ash Basin color palette (#FFF0F8, #E5D6D5, #CBA997, #808CB4, #5C4852)
• Patina Amber color palette (#FCEDF7, #A4AFE9, #C0934E, #626BAC, #35302A)
• Frosted Mulberry color palette (#FFF1F2, #C589B7, #3893C5, #953F86, #144763)
• Antique Pewter color palette (#FFF1F3, #D2A0A7, #C28C57, #955992, #524C46)
• Dusty Lagoon color palette (#F0F5FF, #B1C1FB, #D3AB52, #7889C5, #37553E)
• Dusty Balcony color palette (#FFF0F8, #C5C6F3, #7979B1, #4A4584, #35355B)

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