Cocoa Grove color palette — #E7FBF0 · #AFCCC0 · #9A8B9A · #83666C · #793C1E
A conversation between Bronze and Pewter, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#E7FBF0): A whisper-light, dusty teal — the color of sea glass.
- Stone (#AFCCC0): A whisper-light, dusty teal — the color of sea glass.
- Heather (#9A8B9A): A luminous, dusty pink — the color of neon signs at night.
- Pewter (#83666C): A full-bodied, dusty red — the color of a theater curtain.
- Bronze (#793C1E): A full-bodied, balanced orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Grove 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
- Washed Delta color palette (#F0F4E3, #B3C7B3, #73998F, #8E5828, #5B3C00)
- Patina Ash color palette (#E3FBF9, #B6D9E3, #92B2D0, #97798A, #415143)
- Chestnut Thicket color palette (#FFE9F5, #C5A4B1, #9F727C, #8E4E34, #604600)
- Hushed Cocoa Quarry color palette (#DCE5F2, #8C96C2, #6B5F87, #6D3548, #582400)
- Worn Petrol color palette (#F4F6F0, #CBE1E1, #6BA0C2, #2E7A8B, #2B5349)
- Wandering Archive color palette (#ECF9F3, #7DB9D6, #82A566, #007DA6, #4E4E46)
- Aubergine Summit color palette (#E3DCF9, #826593, #662661, #541608, #2C1100)
- Timeworn Pine color palette (#E5FCEF, #65A2B7, #8682B9, #318A58, #33483D)
Browse the whole catalog at Explore, or see today's palette.