Cocoa Grove color palette — #FFEBDB · #BCB38B · #7E8F77 · #785658 · #723616

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEBDB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#BCB38B): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#7E8F77): A luminous, dusty green — the color of fresh herbs.
• Graphite (#785658): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#723616): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, 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

• Chestnut Drift color palette (#FFF4DE, #CAD4AB, #7E9E8D, #876E69, #794611)
• Fern Delta color palette (#F6F6EA, #7EC0A4, #328185, #6E524F, #344B05)
• Basalt Thicket color palette (#E5FDE5, #B5DBCB, #98BEC0, #9189A8, #5D4B66)
• Pale Parlor color palette (#FAE9C9, #71B06A, #007691, #6A3F58, #58272C)
• Worn Canyon color palette (#FBF7D4, #C5C8A1, #98A286, #688275, #33564C)
• Airy Field color palette (#DEF1A6, #5ACAB4, #4F7FA7, #7B4C50, #6C343A)
• Stone Alley color palette (#CDF1E5, #8DBBB4, #6F9291, #4B626E, #253543)
• Aged Lantern color palette (#F5F7E4, #71B26C, #B66E9B, #3B7538, #5D3537)

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