Dusty Cocoa color palette — #FFF0F7 · #95AF96 · #93674A · #773F39 · #284434

Coffee and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sage (#95AF96): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#93674A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#773F39): A full-bodied, dusty orange — the color of toasted spice.
• Forest (#284434): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, 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

• Patina Driftwood color palette (#EEF8F0, #A5BFB3, #917E52, #775060, #374D48)
• Dusty Meadow color palette (#FFEEE1, #C2A68A, #9D663F, #6B402B, #2D2010)
• Timeworn Garnet Coast color palette (#FADFEC, #B09169, #8F512A, #752423, #133924)
• Amber Ridge color palette (#FFF1F7, #D9B1BF, #BD7F51, #865E4B, #314330)
• Aged Taupe color palette (#FFF3E9, #EBCB9F, #D69F7C, #AA7A74, #403D36)
• Patina Terracotta Thicket color palette (#F1EFFF, #D497B7, #B1576A, #922B00, #5D3500)
• Muted Cabin color palette (#F4F4FC, #BDA2CF, #976125, #7F38A5, #311D25)
• Sunlit Chapel color palette (#C8E8C9, #9E8E3D, #7A5200, #612A00, #252D00)

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