Cocoa Garden color palette — #FFF2EB · #EED4B8 · #DFA793 · #B0877E · #5B4400

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#EED4B8): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#DFA793): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B0877E): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#5B4400): 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 Garden 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

• Taupe Dune color palette (#FFF0F9, #E2C0CE, #C68B74, #876A83, #3E4C3D)
• Weathered Basalt Terrace color palette (#FAF5E5, #BEDBAD, #B4B070, #A0825F, #324500)
• Worn Archive color palette (#FFF2EF, #FFCDB4, #DAAD6A, #8D944A, #155630)
• Taupe Grove color palette (#FEF2F0, #E2E1B4, #C68B9B, #87625D, #362725)
• Driftwood Drift color palette (#FCEDF6, #D1B1BD, #97788B, #655066, #233025)
• Apricot Station color palette (#FFEBD8, #DEC67F, #E98900, #BE6053, #37362F)
• Worn Atelier color palette (#FEF3EA, #EEAD83, #83B06E, #7485BB, #3C3632)
• Tempered Pier color palette (#FCF3F1, #FFCFDA, #8ECA7A, #E090A5, #2E2E28)

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