Cocoa Market color palette — #E9FAF4 · #79B28C · #007B6C · #803634 · #064726

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

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Jade (#79B28C): A luminous, balanced teal — the color of sea glass.
• Teal (#007B6C): A full-bodied, balanced teal — the color of glacier melt.
• Rust (#803634): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#064726): A deep, shadowed, balanced teal — the color of glacier melt.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Cocoa Market 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

• Tempered Corridor color palette (#E4FCEC, #99AC70, #1C7D3B, #7F3057, #33410D)
• Hushed Cocoa Corridor color palette (#D1EBE6, #609A81, #006260, #652919, #003222)
• Soft Pine color palette (#F3F3E1, #83B780, #008042, #5C4A00, #202302)
• Tempered Cypress Workshop color palette (#EEF8F1, #96B8AD, #567F5C, #40634D, #244B40)
• Powdered Emerald color palette (#E7FAF6, #8ECD8F, #189F5C, #77682D, #044440)
• Pale Byzantium Drift color palette (#C3F7F3, #2CAD58, #8C27AA, #AA0049, #0D3A1B)
• Sunlit Lime Summit color palette (#F8EFD5, #A4AE32, #537A00, #005F26, #004E37)
• Patina Seafoam Parlor color palette (#F9F6DF, #95E3AC, #47BBA6, #B57572, #3A3B35)

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