Cocoa Field color palette — #FFF2EB · #FAD0AD · #D1AD98 · #AA8980 · #604100

Built around Bronze, softened by Peach Cream — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Peach Cream (#FAD0AD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D1AD98): A luminous, dusty gold — the color of old brass.
• Caramel (#AA8980): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Muted Bloom color palette (#F9F2FF, #FFCAF1, #E39FB2, #B67D74, #653807)
• Timeworn Study color palette (#FCF5DF, #C2DAA8, #B1B074, #9B845C, #394300)
• Timeworn Field color palette (#FEF1F9, #ECD4D0, #C7A1B9, #87718C, #34443A)
• Chestnut Corridor color palette (#FDECF6, #D2B0BE, #9C758D, #784A46, #213121)
• Wandering Honey color palette (#FFEBD7, #F2C04C, #DF8F3C, #B56751, #3A3708)
• Weathered Mallow Drift color palette (#FFF1F7, #CAB4FE, #A1C197, #87A37E, #4A373F)
• Dusty Loft color palette (#F6DFC3, #CAB143, #BC811D, #925C3F, #2B2401)
• Worn Ridge color palette (#FBF2F6, #E2D7FF, #EBA57B, #B0A1D6, #332C28)

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