Dusty Cocoa color palette — #E4F6E7 · #7B6F36 · #5A4000 · #371D00 · #030400

A conversation between Bronze and Walnut, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E4F6E7): A whisper-light, dusty teal — the color of sea glass.
• Walnut (#7B6F36): A full-bodied, dusty green — the color of new leaves after rain.
• Bronze (#5A4000): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#371D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Chestnut Station color palette (#D0E5D1, #8F7C39, #6D4B00, #4A2600, #0C0C00)
• Cocoa Station color palette (#EFD7E4, #946236, #732C00, #4B0103, #060300)
• Weathered Drift color palette (#D9EDF3, #936E00, #003334, #1C1D24, #000808)
• Pale Chestnut Courtyard color palette (#FFE2EE, #AF8349, #914B00, #6C1F00, #1E1400)
• Antique Olive Courtyard color palette (#CCEDDC, #97A66A, #7C7406, #614900, #002B25)
• Patina Mulberry color palette (#DEF2F9, #005E65, #7D0053, #411E00, #000203)
• Feathered Aubergine color palette (#D0E4ED, #008395, #4A00B2, #004049, #02000C)
• Powdered Bronze color palette (#DEF5E6, #B9B970, #9D841E, #815700, #2E3B0A)

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