Cocoa Garden color palette — #FAF5E6 · #D293A4 · #8C724C · #356457 · #703415

A conversation between Rust and Mauve, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
• Mauve (#D293A4): A luminous, dusty red — the color of late-summer berries.
• Walnut (#8C724C): A full-bodied, dusty gold — the color of honey in a jar.
• Pine (#356457): A full-bodied, dusty teal — the color of shallow lagoons.
• Rust (#703415): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Muted Bronze color palette (#F8F6E3, #BC99C3, #9F6656, #2D6172, #584140)
• Cocoa Summit color palette (#FFF3E4, #D49684, #777B4F, #6E4D66, #673D00)
• Worn Abyss Boulevard color palette (#E6F7E9, #D19C92, #947146, #005E63, #382530)
• Patina Meadow color palette (#FCF4E8, #E8ADA2, #AD8C64, #007E85, #6D3705)
• Aged Loft color palette (#FFF1F1, #D5BBAA, #98917C, #76656F, #644C4E)
• Aged Lagoon color palette (#FFF2E9, #BB8E51, #3E794B, #564370, #403D36)
• Cypress Coast color palette (#FBF3F0, #C9EBE4, #72A0B9, #4F7A5F, #5E4B5D)
• Rose Chapel color palette (#FFF4E1, #DF5A55, #6C6100, #204087, #552700)

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