Cocoa Grove color palette — #FFE6D1 · #714200 · #423700 · #001B20 · #050005

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

The five colors

• Parchment (#FFE6D1): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#714200): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#423700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001B20): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Moonless Cocoa color palette (#FFE9D8, #6D3200, #1B2018, #130C00, #040100)
• Shadow Hollow color palette (#F7D8CC, #95001E, #442900, #001E18, #03000A)
• Nocturne Lagoon color palette (#F2E9DA, #604800, #003829, #15004D, #060000)
• Worn Rust Garden color palette (#FDE7ED, #C2443F, #6D3700, #312200, #030300)
• Tempered Navy Coast color palette (#F2E5D4, #865D00, #00604C, #2E2183, #0F0200)
• Peony Cabin color palette (#FFE1D0, #EA4594, #CC4D00, #645E00, #060200)
• Shadow Aubergine Lagoon color palette (#DBDCF1, #440073, #2A2616, #001B18, #00080D)
• Cellar Mulberry color palette (#FFE0D8, #A50039, #03450B, #110058, #01000F)

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