Cocoa Garden color palette — #F8DAEA · #AD7A3F · #7E3300 · #46000B · #020100

Rust takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F8DAEA): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#AD7A3F): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#7E3300): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#46000B): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance, 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

• Feathered Garnet color palette (#FFD9EB, #B8935C, #8F4A11, #5F0D0B, #000502)
• Bronze Lagoon color palette (#DDF1DE, #97871C, #674600, #381700, #010100)
• Lowlit Chestnut color palette (#FBDEED, #8E4F18, #592400, #300900, #060002)
• Hushed Bronze color palette (#FFF1F7, #E3B25D, #BB6400, #87281A, #1D1800)
• Tempered Bronze Lantern color palette (#DDFFEC, #A8BC7D, #827830, #603F00, #001715)
• Faded Field color palette (#D8F1E8, #566900, #86006D, #3F1E00, #010100)
• Amber Boulevard color palette (#DFF3F5, #CB7522, #003427, #060C0F, #000201)
• Linen Amber Market color palette (#DDFFE7, #D1D785, #AF8D1C, #88510B, #1A2E0A)

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