Dusty Cocoa Studio color palette — #E6FCEC · #88B2A4 · #807245 · #6D482A · #234442
Coffee and Walnut set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E6FCEC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#88B2A4): A luminous, dusty teal — the color of sea glass.
- Walnut (#807245): A full-bodied, dusty green — the color of fresh herbs.
- Coffee (#6D482A): A full-bodied, dusty gold — the color of old brass.
- Forest (#234442): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
Use it as a design system
One click turns Dusty Cocoa Studio 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 Garden color palette (#D4F0DF, #70A395, #706420, #5D3C19, #0C3837)
- Aged Bronze Market color palette (#FFF0F7, #BBA479, #93674A, #714343, #2A4339)
- Patina Chestnut color palette (#E7FBEE, #9EC9B6, #9D8F59, #826331, #22453C)
- Washed Drift color palette (#F7F1E5, #B7AB83, #827540, #664500, #272307)
- Tempered Villa color palette (#FCF4E6, #CAD7A9, #C2AB63, #A47F64, #3A4200)
- Softworn Iris color palette (#F1F5FF, #7577C6, #727631, #555700, #2A3249)
- Hushed Balcony color palette (#F2F5FC, #9CACE4, #A45450, #4959A1, #2E1E2C)
- Hazy Garnet Quarry color palette (#EBF1FF, #B89CD7, #9A5A86, #843437, #642B00)
Browse the whole catalog at Explore, or see today's palette.