Dusty Cocoa color palette — #FBEED9 · #787038 · #574100 · #351E00 · #030400

Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FBEED9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#787038): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#574100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#351E00): A deep, shadowed, dusty gold — the color of old brass.
• 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

• Antique Bronze Thicket color palette (#EEE5D8, #8F7D23, #6B4D00, #482800, #0B0C00)
• Patina Cocoa color palette (#F1DACA, #8E653E, #703000, #4A0400, #060300)
• Tempered Olive Station color palette (#F6EFD8, #94A772, #787600, #5F4B00, #252600)
• Eclipse Bronze Study color palette (#D7E8D9, #926E11, #003235, #1E1114, #000808)
• Mulberry Studio color palette (#DBF6E2, #005E68, #7F004C, #401F00, #000203)
• Misty Nightshade Loft color palette (#E4F1E8, #008399, #3E16B2, #003F4B, #01000E)
• Wandering Cabin color palette (#F4E5DA, #C4A88D, #A97152, #8F3E30, #34302A)
• Lapis Delta color palette (#F2E0CB, #007F7E, #653AE8, #050E12, #000300)

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