Cocoa Garden color palette — #FEF0FB · #E0D8F2 · #E5C891 · #8699C7 · #5E4000

Bronze and Wheat set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#FEF0FB): A whisper-light, dusty pink — the color of neon signs at night.
• Thistle (#E0D8F2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Wheat (#E5C891): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Blue Fog (#8699C7): A luminous, dusty violet — the color of twilight just after sunset.
• Bronze (#5E4000): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged 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

• Hushed Coast color palette (#EBF9F1, #C9E3FF, #FFB89F, #61A5BA, #6D3509)
• Tempered Summit color palette (#FFF1F4, #FCD1E6, #B3DA9A, #AC8CB9, #4B4900)
• Timeworn Driftwood color palette (#FFF1F5, #CDE0CE, #917CA2, #583E46, #22181B)
• Washed Stone Delta color palette (#FFF0FB, #E7D7D6, #DFB5B0, #ABB1A7, #55474E)
• Muted Stone Coast color palette (#F2EAFF, #D4D6C9, #BDB1CB, #4C3941, #2A2024)
• Bronze Meadow color palette (#FEF3EA, #E1DDC1, #CAA688, #A76944, #543A00)
• Patina Powder color palette (#FFF0FA, #DED2D8, #A8A7E3, #63628E, #3B2132)
• Stone Lagoon color palette (#FFF0FA, #BCC8FF, #E9A998, #7EB08E, #43323E)

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