Cocoa Field color palette — #FFF2E9 · #D8B66D · #813900 · #2B0F00 · #030100
Bronze and Sand set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Sand (#D8B66D): A luminous, balanced gold — the color of afternoon light on wheat.
- Bronze (#813900): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#2B0F00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#030100): a grounded near-black with real depth.
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
- Ancient Mulberry color palette (#FFF2EF, #D7B66F, #862A4B, #340015, #040000)
- Muted Atelier color palette (#FDF3EB, #EACC8D, #8F520F, #3E1F00, #080300)
- Wandering Rust Bloom color palette (#EDDACE, #C3BE4A, #C15227, #71341E, #140802)
- Marigold Archive color palette (#FAECDB, #C49C41, #543400, #1D2622, #0E0600)
- Chalky Olive Harbor color palette (#FCF3EB, #F2A961, #538700, #8F5300, #010100)
- Moss Ridge color palette (#EFDDE9, #9B9100, #661B00, #260600, #050003)
- Worn Lagoon color palette (#FAF4EB, #FAE3B2, #8B7244, #4A3400, #150E04)
- Wandering Olive Veranda color palette (#FFF3E2, #C3B157, #798200, #284F00, #001808)
Browse the whole catalog at Explore, or see today's palette.