Weathered Cocoa color palette — #E1FFE1 · #006363 · #603D00 · #2F3300 · #001C0E
Built around Bronze, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Honeydew (#E1FFE1): A whisper-light, dusty green — the color of a quiet forest floor.
- Peacock (#006363): A full-bodied, dusty teal — the color of sea glass.
- Bronze (#603D00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#2F3300): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001C0E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Weathered 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
- Quiet Lagoon color palette (#EAF9D6, #00754E, #762700, #3F2B00, #0C1B00)
- Dusty Corridor color palette (#D6F5E8, #006C91, #474A00, #003818, #001F21)
- Cocoa Harbor color palette (#DBF5E4, #00778B, #752A00, #00351B, #000608)
- Midnight Spruce color palette (#D1EBDD, #4B4142, #003544, #191600, #000805)
- Hushed Forest color palette (#FDF1FA, #636DAE, #056731, #004F4E, #0B2E25)
- Fern Delta color palette (#EFF8F2, #4D93A0, #746320, #3A5E25, #2D3729)
- Indigo Drift color palette (#E7EEFF, #6870FF, #B8003A, #2E5600, #001435)
- Misty Villa color palette (#FFDFDE, #BC2082, #8B1C00, #442E00, #1D2900)
Browse the whole catalog at Explore, or see today's palette.