Cocoa Garden color palette — #F8DDCC · #822C00 · #004353 · #390E00 · #000102

Rust and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F8DDCC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#822C00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004353): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Smoked Coast color palette (#F7E9D9, #694300, #003A75, #2C1A00, #000105)
• Charred Mulberry Grove color palette (#FFE5E3, #890954, #00463C, #3D0022, #000201)
• Charred Aubergine color palette (#FFE6D4, #622800, #003B2B, #260062, #030100)
• Weathered Rust color palette (#FFECE1, #B14115, #005E76, #4F1400, #000102)
• Charred Chestnut Cabin color palette (#FDE3D3, #8C4500, #4A2400, #171E18, #130500)
• Midnight Grove color palette (#EDECFF, #006F53, #6F4A00, #0D0D06, #020100)
• Washed Coast color palette (#ECE8DA, #625E00, #5518AA, #2D2B00, #040011)
• Ultramarine Terrace color palette (#FBEACF, #876500, #1D4CBD, #463300, #000227)

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