Cocoa Field color palette — #E9F2B9 · #7FB899 · #358B99 · #7D4343 · #713210

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

The five colors

• Custard (#E9F2B9): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7FB899): A luminous, dusty teal — the color of sea glass.
• Cerulean (#358B99): A full-bodied, balanced blue — the color of deep harbor water.
• Coffee (#7D4343): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#713210): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Terracotta Grove color palette (#D2F8C9, #7DBCB2, #4082AA, #924728, #5D4B1F)
• Weathered Field color palette (#FFE9D0, #7EB09E, #508669, #74476B, #653230)
• Celadon Orchard color palette (#D5FCB4, #94DBC7, #6CB7D3, #AE7A7E, #6C363D)
• Muted Cocoa color palette (#DDE9D9, #62939D, #1B5D7F, #5C2307, #3A2B00)
• Linen Crimson color palette (#E7F9FF, #00A8AF, #D34360, #00696E, #6B1429)
• Pine Field color palette (#E9FAF2, #8FAD83, #007D56, #565400, #28431B)
• Quiet Turquoise color palette (#BBEEF9, #80C9CE, #39AACD, #6E6EA2, #54426B)
• Ancient Plum color palette (#D5F0FF, #008EAE, #BD3085, #9B4200, #003645)

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