Cocoa Grove color palette — #FFE3DB · #90AE99 · #528169 · #6F4252 · #451D2C
Built around Cocoa, softened by Espresso — the whole palette hums with sophistication.
The five colors
- Rose Water (#FFE3DB): A whisper-light, dusty orange — the color of toasted spice.
- Sage (#90AE99): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#528169): A full-bodied, dusty teal — the color of sea glass.
- Cocoa (#6F4252): A full-bodied, dusty rose — the color of pressed rose petals.
- Espresso (#451D2C): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: 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
- Softworn Studio color palette (#F8DDF4, #9BB19A, #57837C, #4E4C6B, #292741)
- Cocoa Lantern color palette (#F4ECDC, #81A172, #008185, #6A2C11, #431300)
- Hushed Cypress color palette (#E3F7F2, #79AD98, #00737A, #513E5A, #002123)
- Hushed Teal Field color palette (#FFF5D9, #D6D6B5, #79B29F, #7C5D6F, #4C3036)
- Timeworn Market color palette (#FFD7C7, #C7AF95, #709571, #8C4F60, #5F3E34)
- Worn Meadow color palette (#EAEED0, #80B7BC, #5E88A4, #6F4F0B, #412B00)
- Basalt Coast color palette (#F0DED4, #798154, #006159, #53162F, #23000E)
- Timeworn Grove color palette (#DEEAD4, #5DA39B, #4E6590, #553700, #0B240D)
Browse the whole catalog at Explore, or see today's palette.