Cocoa Field color palette — #E3F6E4 · #005F63 · #584100 · #252D00 · #000202

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

The five colors

• Honeydew (#E3F6E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Peacock (#005F63): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#584100): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#252D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000202): a grounded near-black with real depth.

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

• Dusty Fern color palette (#D6E7E1, #005883, #374E00, #003318, #000205)
• Basalt Basin color palette (#D7E2D8, #00565A, #4B3200, #151900, #000201)
• Washed Garnet Bloom color palette (#EEF1E3, #006520, #7F1A00, #3F2000, #000300)
• Aged Cobalt color palette (#E2F0FF, #006FC0, #6F6200, #424C00, #000206)
• Tempered Quarry color palette (#EADEE9, #005BC3, #0F640F, #004033, #000412)
• Linen Grove color palette (#C8E7D4, #008FAA, #7E7400, #366000, #001F27)
• Obsidian Navy color palette (#D6E1F3, #0045A7, #6C004D, #001E19, #000106)
• Faded Garnet Balcony color palette (#F5E5DB, #89438E, #6F004C, #331700, #0A0008)

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