Cocoa Garden color palette — #E7FAF8 · #4C935D · #7663A8 · #843A00 · #0E3B38
Built around Bronze, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7FAF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Fern (#4C935D): A luminous, balanced green — the color of new leaves after rain.
- Slate (#7663A8): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#843A00): A full-bodied, balanced orange — the color of autumn markets.
- Deep Forest (#0E3B38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns 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
- Dusty Cabin color palette (#E7FAF7, #5D995D, #485FA2, #653E00, #1A421B)
- Antique Terracotta Workshop color palette (#EAF8FF, #398DA4, #5C6DA8, #8C3107, #1A3745)
- Quiet Hollow color palette (#EDF5E5, #1E9D77, #905DA4, #7A3C43, #151D09)
- Plum Bloom color palette (#E2FBF9, #50925F, #A15474, #565700, #153A37)
- Weathered Field color palette (#E1FBFD, #429277, #007D9B, #872B5C, #0A3A3D)
- Misty Jade Hollow color palette (#E0FBFD, #38B78E, #B076BB, #A1535D, #17393B)
- Worn Plum color palette (#EDF6FF, #007CC3, #9D3491, #614400, #0A2E48)
- Timeworn Lagoon color palette (#EFF7F8, #D7DBE3, #BFBECF, #28847D, #3D4A4D)
Browse the whole catalog at Explore, or see today's palette.