Cocoa Field color palette — #DAEBE2 · #007190 · #702F00 · #3A1F00 · #0B0700

Rust and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DAEBE2): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007190): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#702F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#3A1F00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0B0700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, 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

• Cellar Denim Archive color palette (#CCECE3, #005B9A, #503000, #1C1C00, #020200)
• Hazy Lagoon color palette (#FEE8FF, #0064C1, #643A00, #142E00, #030A00)
• Weathered Basin color palette (#D7E9E1, #008BC1, #A300A5, #653600, #000B03)
• Mulberry Pier color palette (#D5E6CD, #007767, #800043, #4E0013, #150100)
• Softworn Cerulean Delta color palette (#E0F5F3, #588EB8, #6E5685, #393C0B, #1B1D00)
• Muted Alley color palette (#CFF2DE, #009CBD, #C11D00, #564600, #2C2300)
• Chalky Aubergine color palette (#F1F1D6, #4F7D10, #4F0594, #2C2700, #090800)
• Twilit Terrace color palette (#D1E6F6, #005072, #48004C, #230D00, #000B01)

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