Dusty Cocoa color palette — #F5F6EB · #6C9A68 · #985957 · #713F00 · #35332C
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F6EB): a clean, paper-quiet neutral.
- Moss (#6C9A68): A luminous, balanced green — the color of a quiet forest floor.
- Walnut (#985957): A full-bodied, balanced orange — the color of toasted spice.
- Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#35332C): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Garnet Field color palette (#F9F5E9, #948C4B, #864C71, #7B3233, #35302B)
- Patina Harbor color palette (#F1F7EF, #3C958C, #8A602B, #505000, #30322B)
- Ancient Peony color palette (#EBF8FA, #4EB8A2, #B570AB, #81642A, #263B3D)
- Terracotta Drift color palette (#F1F9E0, #008C55, #902900, #4C3400, #212B00)
- Tempered Pewter Workshop color palette (#EBF5ED, #29A4B3, #8C519A, #6F4804, #131E13)
- Timeworn Atelier color palette (#EDF8F4, #6B9FC0, #6F6999, #753E61, #2E4A30)
- Seafoam Studio color palette (#E8F9FD, #45DAD4, #8A9FD7, #8E9366, #223736)
- Dusty Cerulean color palette (#F1F7F3, #D3DBDB, #A7ACB7, #408EA1, #4A564F)
Browse the whole catalog at Explore, or see today's palette.