Cocoa Field color palette — #F9ECDF · #B29860 · #5E3A00 · #311C00 · #121001

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F9ECDF): A whisper-light, dusty gold — the color of old brass.
• Camel (#B29860): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#5E3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#311C00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#121001): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Grove color palette (#FAF4EA, #C3AB7B, #624F00, #392D00, #1B1D0B)
• Weathered Amber color palette (#ECE5C5, #B88A00, #3A3F00, #1A1D00, #010C02)
• Timeworn Bloom color palette (#E3F4E1, #EDC261, #AC7D42, #455E43, #0C1A0B)
• Nightshade Canyon color palette (#FCECD5, #868C3A, #006D37, #3A2A8E, #27360F)
• Quiet Aubergine color palette (#F8EDDD, #946600, #006C87, #492B8F, #362200)
• Bronze Dune color palette (#F1E9D5, #896600, #1F2A2D, #211E00, #050400)
• Olive Dune color palette (#ECEAD9, #97A75D, #3F7721, #00512F, #00392F)
• Muted Fern Parlor color palette (#F7F5EF, #D5DBD2, #B2B6A2, #6C6700, #3D3A34)

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