Dusty Cocoa Garden color palette — #E8F1E7 · #ABBFAE · #789783 · #5E3C00 · #152315
Bronze takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#E8F1E7): a clean, paper-quiet neutral.
- Stone (#ABBFAE): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#789783): A luminous, dusty teal — the color of sea glass.
- Bronze (#5E3C00): A deep, shadowed, balanced gold — the color of old brass.
- Onyx (#152315): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Dusty Cocoa Garden 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 Atelier color palette (#E9DEE1, #A9B7AD, #749687, #603A00, #14060B)
- Washed Cocoa Bloom color palette (#F7E9F1, #C7B2BC, #A78290, #6F2E12, #281A23)
- Chestnut Villa color palette (#F3ECE4, #CBC3B5, #ABA58E, #875300, #291C0D)
- Hushed Basin color palette (#EAF9F2, #BADBCF, #7EB3A6, #615D00, #25382F)
- Patina Spruce color palette (#DCE8E4, #7FA29C, #597775, #203100, #000C09)
- Weathered Olive Pier color palette (#E0F1EC, #558A3D, #005419, #3B2C00, #00201C)
- Worn Villa color palette (#F0F7F1, #CEE1DF, #B0C6C6, #887140, #434A44)
- Wandering Hollow color palette (#E7E3D4, #898D50, #455E35, #14434F, #4F181C)
Browse the whole catalog at Explore, or see today's palette.