Muted Cocoa Field color palette — #FFE8F3 · #C19566 · #A25E31 · #7D3322 · #312100

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFE8F3): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#C19566): A luminous, balanced gold — the color of old brass.
• Ochre (#A25E31): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#7D3322): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#312100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Muted 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

• Bronze Drift color palette (#FFF2E9, #D4A97E, #B35A15, #702F21, #1C1000)
• Muted Bronze Thicket color palette (#D3E6D6, #AAA06A, #906B00, #6E4102, #242700)
• Ancient Quarry color palette (#FEDEEA, #C4AA81, #A3754B, #814B32, #193825)
• Dusty Garnet Terrace color palette (#FFE6F2, #9F8354, #83400F, #6C001C, #272600)
• Feathered Amber color palette (#FBEADE, #D6A961, #CD733F, #9C5159, #2D2300)
• Chalky Marigold Villa color palette (#E9D8E6, #C89E3C, #883934, #4F0B0C, #160314)
• Worn Terracotta color palette (#F3E7EF, #E4896A, #677C00, #A93800, #00110C)
• Aged Bronze color palette (#FBDBE8, #92651E, #683600, #421200, #050300)

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