Cocoa Field color palette — #F9E9F0 · #BB945E · #663300 · #371800 · #220F18

Bronze takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F9E9F0): bright and airy, almost weightless.
• Camel (#BB945E): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#663300): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#371800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#220F18): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Taupe Field color palette (#E4F3EA, #B19956, #4D4300, #282200, #011615)
• Tempered Atelier color palette (#FAEBE1, #C4B475, #8E522F, #582400, #221205)
• Aged Harbor color palette (#F6ECE4, #F3BE73, #C1712C, #774A26, #1D140B)
• Bronze Archive color palette (#F9DDE6, #A07000, #182B30, #3A2000, #110600)
• Fern Station color palette (#EFF8F3, #A4CBB1, #636031, #273F33, #162727)
• Washed Bronze Atelier color palette (#FFE7F1, #A95700, #3F6F36, #652A5D, #3A1A2A)
• Softworn Moss color palette (#DCF6E7, #8F8A00, #47651C, #004A4D, #003436)
• Olive Basin color palette (#F2EFD7, #9FA359, #5A700D, #2E5100, #033D08)

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