Cocoa Field color palette — #F5E6D3 · #7F2A00 · #222700 · #0B0035 · #070200

Rust and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F5E6D3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#7F2A00): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#222700): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#0B0035): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.

Use it as a design system

One click turns Cocoa Field 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

• Lowlit Mulberry color palette (#FAEDD2, #8A003F, #312000, #000D22, #0C0000)
• Cellar Orchard color palette (#FFE7DB, #5B4800, #002C1E, #1C001E, #030400)
• Spruce Summit color palette (#E8E0D3, #4C5C5F, #3B2B00, #171D16, #020600)
• Antique Crimson Drift color palette (#F4E7D9, #E9052F, #835E00, #004529, #040400)
• Aged Onyx Study color palette (#EDDAD0, #806000, #004930, #3E0046, #161800)
• Hazy Aubergine color palette (#EFE6DB, #B95D00, #5C5F00, #341E8E, #060300)
• Nightshade Quarry color palette (#E9E1D9, #4887B0, #151FA4, #002221, #0E0024)
• Quiet Aubergine Atelier color palette (#F9D7BD, #AB6300, #286711, #3A0065, #2D2300)

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