Cocoa Field color palette — #E3E7D4 · #5D998A · #006167 · #672700 · #1D2F10

A conversation between Rust and Peacock, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E3E7D4): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#5D998A): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006167): A full-bodied, dusty blue — the color of open sky before noon.
• Rust (#672700): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#1D2F10): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged botanical, earthy, 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

• Ancient Forest Lantern color palette (#E9E5D0, #6D996F, #00644F, #3B4300, #103114)
• Antique Field color palette (#EBE4D3, #819368, #006633, #65223F, #1F2F00)
• Tempered Olive color palette (#FDF4E7, #A7A769, #4A782C, #005E53, #3E3D02)
• Softworn Cypress color palette (#E2E7D6, #6EB694, #00856B, #565A11, #232D12)
• Mulberry Parlor color palette (#D9E9CF, #007D68, #95199A, #8E0047, #00261E)
• Hushed Boulevard color palette (#E5E0CC, #4D784A, #004231, #222500, #011501)
• Mulberry Parlor color palette (#D9E2C9, #26A66C, #982378, #005834, #4C003A)
• Muted Olive color palette (#F5F6EE, #B9C6A8, #6F896D, #6A6A20, #3F5614)

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