Cocoa Field color palette — #FDE4F3 · #812D00 · #124800 · #380F00 · #000200
Built around Rust, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#FDE4F3): A whisper-light, dusty pink — the color of neon signs at night.
- Rust (#812D00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Olive (#124800): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Onyx (#380F00): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Depth, Luxury. Tagged 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
- Moonless Mulberry Lantern color palette (#F0DEF2, #900036, #403E00, #3F0013, #010100)
- Shadow Cocoa Grove color palette (#D8F0D6, #694300, #004736, #2D1A00, #000201)
- Lowlit Quarry color palette (#F2E1D6, #743A00, #5E0072, #321600, #030004)
- Muted Mulberry Canyon color palette (#E9E6CB, #665C00, #89003B, #302A00, #0A0002)
- Hushed Rust color palette (#FDE5DD, #B73A00, #005E76, #4F1400, #000102)
- Timeworn Amber Market color palette (#F8EAE2, #BE792E, #836100, #561A00, #040100)
- Eclipse Fern color palette (#C2E6F7, #006F59, #515700, #060B06, #000201)
- Worn Byzantium Workshop color palette (#FDE1EC, #BC6600, #9A39AA, #6A3700, #220028)
Browse the whole catalog at Explore, or see today's palette.