Dusty Cocoa color palette — #FFECF5 · #C89EAC · #96694D · #6E3C30 · #152819

Cocoa and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFECF5): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#C89EAC): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#96694D): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#6E3C30): A full-bodied, dusty orange — the color of toasted spice.
• Onyx (#152819): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Cocoa Meadow color palette (#EAF6E9, #98B49E, #906D43, #6C3F21, #082A1B)
• Cocoa Cabin color palette (#F0D9E2, #B19369, #865932, #6B2400, #021E0D)
• Antique Pewter Villa color palette (#FFF0F7, #CAE5CD, #BF937A, #945659, #1A392C)
• Tempered Driftwood Cabin color palette (#E9F6EB, #A8C3B4, #688D71, #724B58, #1D312A)
• Amber Basin color palette (#FFF3E9, #D6B897, #B9805C, #8F594B, #533700)
• Tempered Onyx color palette (#F7EFF5, #C9B07D, #79443E, #490F0D, #140712)
• Terracotta Canyon color palette (#F8EFF4, #DDA48E, #717D0D, #A93B00, #00130C)
• Timeworn Chapel color palette (#D2E6D0, #846F3E, #5F3B00, #3A1800, #070500)

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