Muted Cocoa Drift color palette — #E5F3DD · #007562 · #6F3600 · #342A00 · #010900
Built around Bronze, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E5F3DD): A whisper-light, dusty green — the color of new leaves after rain.
- Teal (#007562): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6F3600): A full-bodied, balanced gold — the color of old brass.
- Espresso (#342A00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#010900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Muted Cocoa Drift 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 Archive color palette (#ECF4D0, #008131, #820405, #3F2500, #060700)
- Muted Spruce Parlor color palette (#D4E7DC, #00637A, #4F4600, #033606, #000400)
- Hazy Alley color palette (#FFEDEA, #C93768, #694B00, #333E00, #081100)
- Ancient Cerulean color palette (#EAF5EE, #0094AB, #77640F, #365B29, #162014)
- Feathered Dune color palette (#FFE1E1, #B30089, #653200, #322B00, #000701)
- Wandering Olive color palette (#F8EEF9, #3A7EC0, #447300, #004E3E, #05190E)
- Antique Plum color palette (#FFF0FE, #3D89FF, #BF0054, #374300, #000308)
- Faded Ultramarine Archive color palette (#E9F3FF, #0058D0, #6D2C00, #4D2100, #001E17)
Browse the whole catalog at Explore, or see today's palette.