Cocoa Grove color palette — #F9DBC6 · #763400 · #312A00 · #001A04 · #160007
A conversation between Rust and Espresso, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#F9DBC6): A whisper-light, dusty gold — the color of old brass.
- Rust (#763400): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#312A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001A04): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#160007): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.
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
- Shadow Spruce color palette (#F1E9DB, #5B4700, #153200, #001814, #01040C)
- Aged Hollow color palette (#FFEBDE, #A35800, #5C3600, #321F00, #101200)
- Twilit Garnet Veranda color palette (#FFE2DB, #8C0033, #412000, #151500, #110017)
- Garnet Parlor color palette (#FDEAE6, #8B0031, #003410, #00121D, #000106)
- Softworn Rose color palette (#FCE3D6, #FF2C64, #C32C00, #7A3E00, #1F0500)
- Pine Grove color palette (#EAEED7, #257E4C, #00432D, #341C00, #001507)
- Worn Lagoon Workshop color palette (#E2E2D4, #38A29C, #005557, #003128, #00181B)
- Bronze Grove color palette (#F8E4D0, #9B5E00, #4B5100, #003D27, #490018)
Browse the whole catalog at Explore, or see today's palette.