Dusty Cocoa color palette — #D3E6D8 · #9B9C6D · #76622F · #5B3307 · #001D18
Cocoa and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D3E6D8): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#9B9C6D): A luminous, dusty green — the color of fresh herbs.
- Olive (#76622F): A full-bodied, dusty gold — the color of old brass.
- Cocoa (#5B3307): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#001D18): A deep, shadowed, dusty teal — the color of shallow lagoons.
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 color palette (#DAEEDF, #A29765, #78611C, #5A3E00, #153829)
- Antique Fern color palette (#DEEEE6, #798F5C, #5D5700, #422C00, #001211)
- Wandering Chestnut Pier color palette (#F2D7E8, #B78F6F, #8C5441, #5E2D33, #021E09)
- Antique Oat Parlor color palette (#FFF4DF, #D4C98D, #9B8854, #6E5320, #2A2002)
- Ancient Stone Summit color palette (#EBF5EA, #A2C5AE, #728A70, #6B4D5F, #1A3229)
- Muted Studio color palette (#FCEDF6, #C99DAF, #8D6780, #5C415E, #112916)
- Lowlit Chestnut Balcony color palette (#FFE5F2, #845608, #582600, #350003, #020200)
- Amber Cabin color palette (#D9EDF6, #D58B6C, #00505D, #002127, #00060B)
Browse the whole catalog at Explore, or see today's palette.