Cocoa Field color palette — #FFEBE5 · #F3B1B0 · #CB867D · #A0675B · #773E15

Bronze and Dusty Rose set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFEBE5): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#F3B1B0): A whisper-light, dusty red — the color of a theater curtain.
• Dusty Rose (#CB867D): A luminous, balanced orange — the color of toasted spice.
• Mocha (#A0675B): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#773E15): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Patina Taupe Veranda color palette (#FFF2EA, #F9BE9C, #C58E62, #976D40, #504B45)
• Washed Driftwood Corridor color palette (#FFF2ED, #F0B3AB, #B1A7E5, #BF756C, #614252)
• Patina Ash Hollow color palette (#FFEFF2, #E5B0DA, #BD85AC, #9C6883, #6C4744)
• Muted Harbor color palette (#FFF1F0, #D49EA8, #BB6B67, #914A27, #514B45)
• Quiet Workshop color palette (#EADBD3, #E77D2E, #AA5E00, #724400, #422900)
• Aged Cocoa color palette (#FFF2EA, #DEDBCC, #A6B2CA, #B89887, #75420A)
• Tempered Apricot Workshop color palette (#FFF2EA, #E79C7D, #A8AA65, #B37FA4, #48413C)
• Misty Amber Basin color palette (#FFE5BB, #DCB769, #AF9639, #75691A, #4D4B1A)

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