Cocoa Station color palette — #E7FAF6 · #648F54 · #A55652 · #7E4000 · #183A35
A conversation between Bronze and Brick, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
- Fern (#648F54): A luminous, balanced green — the color of a quiet forest floor.
- Brick (#A55652): A full-bodied, balanced orange — the color of toasted spice.
- Bronze (#7E4000): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#183A35): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged muted.
Use it as a design system
One click turns Cocoa Station 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
- Softworn Terracotta color palette (#E6FAF8, #548F60, #973831, #5D3800, #0E3227)
- Mulberry Parlor color palette (#E6FBEF, #918224, #965A80, #8F2739, #21392C)
- Ancient Chestnut Meadow color palette (#E9F9FA, #639E8B, #9E7558, #735C17, #264345)
- Dusty Bronze color palette (#F5F4FF, #9C6BAC, #A6583D, #734800, #323045)
- Ancient Alley color palette (#E5F5FD, #1595B2, #9E5A89, #714806, #091C26)
- Peony Meadow color palette (#F1F9E5, #4DB588, #CE6A91, #886A11, #31342D)
- Hushed Fern color palette (#DCF3FD, #007E91, #726000, #354E00, #082B38)
- Aged Atelier color palette (#E9F8FF, #3F96A8, #48609D, #405000, #004236)
Browse the whole catalog at Explore, or see today's palette.