Cocoa Grove color palette — #FFE1CC · #7F3300 · #553300 · #001D1C · #030100

Rust and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#FFE1CC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001D1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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

• Cocoa Canyon color palette (#FCE7DA, #842C00, #244600, #001931, #040000)
• Patina Crimson Field color palette (#E8DAE6, #C34E64, #6B2700, #1C1000, #010100)
• Moonless Mulberry Pier color palette (#FFE9E8, #861360, #473B00, #001D1E, #040002)
• Ancient Raspberry color palette (#FCE8E9, #B54B9E, #3A4100, #4E0042, #020100)
• Hushed Garnet Thicket color palette (#E5DEDC, #C4B8AF, #9E9076, #740025, #040000)
• Quiet Navy color palette (#F0E2CB, #795A00, #005C3D, #14007D, #020100)
• Nocturne Aubergine color palette (#FDDBE5, #74299C, #233100, #0E001D, #050100)
• Muted Delta color palette (#FFEBD1, #996700, #3D6F00, #003E54, #020100)

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