Cocoa Meadow color palette — #FFF2EA · #EDD4C1 · #D8AA98 · #B5847A · #693B00

A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#EDD4C1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D8AA98): A luminous, dusty orange — the color of toasted spice.
• Caramel (#B5847A): A luminous, dusty orange — the color of autumn markets.
• Bronze (#693B00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

One click turns Cocoa Meadow 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

• Antique Driftwood Thicket color palette (#F9F5E8, #D7D1B1, #AFB081, #94894E, #443E00)
• Wandering Stone Market color palette (#FFF0F9, #EDD3D1, #DA9E89, #887189, #344437)
• Hushed Driftwood Bloom color palette (#FCEDF6, #D9ACC2, #A27765, #6A4E62, #37262D)
• Bronze Basin color palette (#FFEBD7, #EBBF88, #DE8F39, #C16200, #463106)
• Hushed Taupe color palette (#EFF9EC, #7ED5C8, #D4AF88, #A99B4D, #33422E)
• Patina Bronze Bloom color palette (#F9EBD9, #C6AE80, #B3853F, #985B00, #2D2300)
• Chestnut Loft color palette (#EBDCD0, #A2764F, #934800, #6B2700, #070200)
• Washed Bronze color palette (#E8DEC8, #A5A263, #907C00, #715600, #161800)

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