Cocoa Grove color palette — #E8FAF2 · #A2DEFF · #F0BA96 · #7AB0CE · #713F05
Built around Bronze, softened by Sand — the whole palette hums with trust and stability.
The five colors
- Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Powder Blue (#A2DEFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sand (#F0BA96): A whisper-light, dusty gold — the color of old brass.
- Cyan (#7AB0CE): A luminous, dusty blue — the color of deep harbor water.
- Bronze (#713F05): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, 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
- Muted Archive color palette (#FFF0F9, #CCD1FF, #D6C789, #A0A3D5, #624900)
- Turquoise Coast color palette (#ECF7FE, #CCDDFC, #F2C09C, #61A3C4, #5C3A4A)
- Tempered Seafoam color palette (#EDF9EA, #7DEBDE, #FCAEB8, #66BAAF, #65443B)
- Dusty Powder Studio color palette (#EBF9F3, #7CCFFF, #D9A385, #4F95BC, #524C47)
- Cornflower Boulevard color palette (#FFEFFF, #9DC8FF, #FCB12B, #368CF3, #503400)
- Worn Stone Drift color palette (#E7FAF3, #ECD6D2, #9BCAC6, #A8AA9E, #3E554F)
- Softworn Fern color palette (#FBF4E9, #DEDDAC, #C9B38A, #A28E77, #524800)
- Wandering Sand color palette (#FDF1F9, #F7DA9F, #919BCB, #7E6476, #30292E)
Browse the whole catalog at Explore, or see today's palette.