Cocoa Garden color palette — #FDF3EB · #DDC6AE · #B5947A · #9B6457 · #604100

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

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Oat (#DDC6AE): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#B5947A): A luminous, dusty gold — the color of old brass.
• Walnut (#9B6457): A full-bodied, 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, 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

• Dusty Market color palette (#FFF2E9, #C8B59A, #A67256, #75544B, #584600)
• Muted Bronze color palette (#FDEED6, #AAA062, #8D6C1D, #6E4100, #232700)
• Weathered Thicket color palette (#FFF0F7, #E6E1C6, #C8A1B4, #8A7183, #364338)
• Tempered Garnet Workshop color palette (#FEDFCA, #A4713D, #843A00, #5F0600, #120900)
• Timeworn Delta color palette (#FBF3F4, #E5C3ED, #D18477, #AC73B9, #332C29)
• Weathered Basalt Market color palette (#FBF2F5, #E5CDA9, #87749C, #56436A, #37262C)
• Wandering Summit color palette (#FFF1F5, #BD9CD0, #A59C6D, #408C67, #4A373C)
• Celadon Bloom color palette (#A7FCBC, #FFCC9F, #D2BEFF, #624A54, #3F3238)

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