Dusty Cocoa color palette — #E4F8EA · #89B7A8 · #81744B · #654328 · #0D2826

Cocoa takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E4F8EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#89B7A8): A luminous, dusty teal — the color of glacier melt.
• Walnut (#81744B): A full-bodied, dusty green — the color of a quiet forest floor.
• Cocoa (#654328): A full-bodied, dusty gold — the color of old brass.
• Onyx (#0D2826): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Chestnut Drift color palette (#EAFAEF, #87B29F, #80723C, #6A4B14, #26443C)
• Cocoa Villa color palette (#FFECF4, #94B599, #90677B, #693E3E, #0F281F)
• Chestnut Alley color palette (#D2E7DA, #8BA16E, #70652E, #58350B, #001D1C)
• Aged Chestnut color palette (#FEF4E2, #C4BF9A, #9D8F5E, #8F5B30, #394300)
• Gentle Cornflower Meadow color palette (#EBF2FF, #6782D1, #687F3C, #465B16, #0F1A2C)
• Ancient Denim Atelier color palette (#EEF2F9, #9CB1EB, #A36333, #465EAF, #180910)
• Quiet Garnet color palette (#E2E9FF, #BDA2D6, #9A5D89, #782033, #3E1A00)
• Worn Stone Field color palette (#EDF2FB, #B5B880, #45537B, #192740, #060C18)

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