Cocoa Grove color palette — #FFF3E8 · #D1AB78 · #A16634 · #792800 · #191100

Rust takes the lead with Ochre close behind in a set that reads as optimism and balance at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#D1AB78): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#A16634): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#792800): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#191100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance, 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

• Rust Field color palette (#FFF2EA, #F4A769, #CD5200, #901318, #241500)
• Antique Station color palette (#FFF4DC, #B3B876, #88761C, #5D4000, #0D1600)
• Antique Chestnut Summit color palette (#FFF3E6, #DBC49E, #AE7F47, #864310, #2B2003)
• Frosted Crimson Cabin color palette (#FFF0F9, #F892B0, #C74553, #6F2100, #1F0A00)
• Softworn Chestnut color palette (#F6E2C7, #A79A65, #7C5800, #4B2800, #040400)
• Chalky Amber color palette (#E9DDD3, #C8AE78, #D0721A, #9A5452, #2C2400)
• Dusty Thicket color palette (#FFF2EA, #E2DBC2, #D0A38F, #A9674A, #583700)
• Pale Byzantium color palette (#FFF1F3, #E99AE9, #C04B2E, #A100A5, #040000)

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