Dusty Cocoa color palette — #FAF5E9 · #E1D9C1 · #C1B788 · #A39062 · #554700
Deep Olive takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Bone (#E1D9C1): A whisper-light, dusty green — the color of fresh herbs.
- Sand (#C1B788): A luminous, dusty green — the color of fresh herbs.
- Caramel (#A39062): A luminous, dusty gold — the color of honey in a jar.
- Deep Olive (#554700): A full-bodied, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Wandering Bloom color palette (#EEE1CD, #B49D5A, #9F7400, #7B5000, #1B1600)
- Tempered Cabin color palette (#F5E5D2, #D8BD90, #C19459, #9F6D3E, #33302A)
- Washed Driftwood Bloom color palette (#E4F8EB, #9CC7B2, #8C8455, #44604C, #1D312A)
- Worn Stone color palette (#EBFAF0, #B6EBEE, #BBAE7E, #916F7A, #2E4441)
- Misty Emerald color palette (#FCF6D5, #DCDCB2, #9CC396, #43A066, #005A3D)
- Washed Fern Summit color palette (#E8E0C2, #7D874D, #656400, #493F00, #020400)
- Worn Rust color palette (#F7D7C2, #EEA474, #E86921, #C73400, #3F2000)
- Wandering Lilac Courtyard color palette (#FFF2EE, #F0AEB7, #91BAEC, #9990CE, #4B3833)
Browse the whole catalog at Explore, or see today's palette.