Cocoa Field color palette — #FAEBE1 · #DFCDB2 · #ABA789 · #7C360C · #060100

A conversation between Rust and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FAEBE1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#DFCDB2): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABA789): A luminous, dusty green — the color of new leaves after rain.
• Rust (#7C360C): A full-bodied, balanced orange — the color of toasted spice.
• Black (#060100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Mulberry Drift color palette (#FBE9E7, #E5C9BA, #B5A38B, #861E4B, #080100)
• Weathered Bronze color palette (#F1E6DD, #AB9D8E, #9C7334, #532A00, #090300)
• Dusty Veranda color palette (#EBE1E6, #9EAEA0, #668879, #592700, #1E0E16)
• Antique Lagoon color palette (#F7F6E8, #CDDFD2, #A8C3AA, #546914, #0F0D01)
• Timeworn Moss color palette (#EAE0CC, #67A03D, #005C44, #401646, #000200)
• Dusty Lagoon color palette (#F2E8DA, #4B595B, #664700, #131811, #030700)
• Amber Drift color palette (#FFE8E3, #AE8D24, #407243, #37245C, #0A001D)
• Inked Villa color palette (#FBDDCC, #AF3B00, #004549, #130047, #010009)

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