Cocoa Garden color palette — #FAF2FC · #C38390 · #976244 · #823E01 · #194762

Bronze and Walnut set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF2FC): a clean, paper-quiet neutral.
• Dusty Rose (#C38390): A luminous, balanced red — the color of late-summer berries.
• Walnut (#976244): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#823E01): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#194762): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Chestnut Canyon color palette (#F7F3FD, #B588A4, #915D7E, #6F4C00, #2F4266)
• Aged Abyss color palette (#F3F5FD, #9990BE, #976052, #00605F, #443B62)
• Dusty Lantern color palette (#F3F4FF, #BAA5DF, #C7706A, #6C6C38, #244851)
• Dusty Mulberry Villa color palette (#F2F5FF, #D2AFDC, #A96B96, #924358, #66495F)
• Timeworn Rust color palette (#F8EFF2, #A68FCC, #AA5544, #435324, #092F1D)
• Patina Fern color palette (#EBF8FB, #5DA79F, #7E6392, #585700, #104D47)
• Weathered Petrol Parlor color palette (#ECF7FF, #B2C2D5, #9289A5, #487884, #475069)
• Wandering Taupe Hollow color palette (#FFF0FA, #BAC2FF, #BDA867, #6C926D, #42433C)

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