Cocoa Field color palette — #F6D8E8 · #853600 · #364B00 · #003120 · #1C0600

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

The five colors

• Shell Pink (#F6D8E8): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#853600): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#364B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#003120): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#1C0600): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Hazy Terracotta Lagoon color palette (#F3DEEF, #9C0017, #494500, #113100, #1B0319)
• Chestnut Courtyard color palette (#DCF1E1, #674D00, #005038, #002F32, #130C00)
• Antique Alley color palette (#FCE5F0, #803B00, #224F00, #470045, #1D0212)
• Terracotta Parlor color palette (#D1E4D3, #A04900, #553500, #022E04, #260F00)
• Hazy Fern color palette (#FFDDC8, #A04E00, #326800, #004835, #351500)
• Deep Basalt Quarry color palette (#D7EBDB, #473400, #003325, #001618, #030200)
• Ancient Mulberry color palette (#EDE2F3, #960055, #005044, #002F28, #080002)
• Grape Thicket color palette (#E8E9FF, #7000B1, #82020B, #002D3C, #150324)

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