Cocoa Field color palette — #F5F7E8 · #76B299 · #007977 · #833520 · #004632

Rust takes the lead with Teal close behind in a set that reads as calm and balance at first glance.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Jade (#76B299): A luminous, dusty teal — the color of glacier melt.
• Teal (#007977): A full-bodied, balanced teal — the color of shallow lagoons.
• Rust (#833520): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#004632): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

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

• Hazy Hollow color palette (#FCF5DD, #8BAF81, #007D59, #555400, #24441B)
• Soft Pine color palette (#FCF4E6, #9FAA67, #287D25, #75395C, #393F13)
• Patina Lagoon color palette (#F4F8E4, #8ACCA2, #009E74, #706C24, #393C35)
• Quiet Mulberry Workshop color palette (#CAF8DB, #2CAB6F, #9E1095, #A00034, #003B21)
• Timeworn Olive Balcony color palette (#F5F6EC, #B9C6AA, #538D8B, #686B21, #3D5616)
• Fern Alley color palette (#ECE3D8, #958D56, #445F18, #563600, #342701)
• Antique Hollow color palette (#F0F0CC, #97B132, #00852E, #006444, #004850)
• Chalky Olive Basin color palette (#F2F9DB, #A0F2E7, #71CCFF, #748300, #1D5449)

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