Dusty Cocoa Alley color palette — #FDF3EB · #D8C8B2 · #B5947B · #9A6365 · #574600

Deep Olive and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Oat (#D8C8B2): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B5947B): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#9A6365): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Dusty Cocoa Alley 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 Drift color palette (#FFF3E9, #F0D4B7, #D8AB8F, #A88B7C, #604100)
• Stone Thicket color palette (#FFF0F8, #E6E6C5, #D0A38C, #877288, #31443B)
• Driftwood Hollow color palette (#FDF2F7, #D5ABB8, #A67352, #73516A, #3F4C41)
• Cocoa Parlor color palette (#F3E7D5, #9FA468, #8D6C1F, #7B3600, #0F2C09)
• Tempered Garnet color palette (#ECDED3, #947A3E, #7D4000, #61000D, #0B0D00)
• Sunlit Coast color palette (#FCECD8, #C0B771, #AF7A2D, #A23910, #283D0D)
• Washed Hollow color palette (#F0F7F3, #AEDEC7, #CA8499, #2999C1, #392927)
• Tempered Lagoon Quarry color palette (#ECF8F5, #EACAB5, #58887D, #2C564C, #222E2B)

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