Cocoa Grove color palette — #FAF1DD · #9EB487 · #807639 · #6C4100 · #1F2610

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF1DD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9EB487): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#807639): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#6C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#1F2610): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Taupe Coast color palette (#FFEEE3, #CAA46D, #9B674C, #674136, #282211)
• Tempered Delta color palette (#FCE6C4, #A2A81D, #886400, #673414, #072304)
• Hushed Moss Harbor color palette (#F4E6C8, #779147, #645400, #4A2700, #0C1000)
• Dusty Sand color palette (#E3FDEF, #D7E4AC, #A5A06C, #53745B, #1B3832)
• Garnet Study color palette (#FDE9DC, #B58400, #8D4400, #6A0018, #131300)
• Aged Cerulean color palette (#E5F7ED, #0095B7, #A5613C, #754328, #081F15)
• Bronze Dune color palette (#FFE9D9, #976700, #6E2E00, #430915, #080500)
• Rust Harbor color palette (#ECF4EE, #54C6D5, #A85969, #00727E, #180A07)

Browse the whole catalog at Explore, or see today's palette.