Dusty Cocoa color palette — #FCF1FA · #B2C3F3 · #C9AD77 · #788AC1 · #674600

A conversation between Bronze and Slate Blue, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sky (#B2C3F3): A whisper-light, dusty violet — the color of a velvet chair.
• Camel (#C9AD77): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate Blue (#788AC1): A luminous, balanced violet — the color of twilight just after sunset.
• Bronze (#674600): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Antique Cerulean color palette (#E6FBF4, #96CAF7, #E29F83, #5B92BF, #534B47)
• Muted Bloom color palette (#FEF1FB, #C2D4FF, #E7C178, #89A6EF, #514C46)
• Wandering Cabin color palette (#FFF1F2, #E2B3D8, #B0B875, #AF76A4, #4F4D46)
• Worn Cobalt color palette (#F0F6FF, #9CAFDE, #B49450, #556FB4, #37563E)
• Antique Ash color palette (#FFF0FD, #E8D9D7, #ADB5A3, #70A9A6, #5B4954)
• Ancient Garden color palette (#FEF3EB, #DBC7AC, #B2957F, #8D6C61, #574600)
• Ancient Driftwood Studio color palette (#FDF1F7, #CDD7AD, #7D77A1, #5F4352, #33272D)
• Tempered Corridor color palette (#FFF1F7, #C6B0FF, #AE9C00, #7740CE, #433B00)

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