Cocoa Courtyard color palette — #E6DDE1 · #AEBDB2 · #75968D · #6C3200 · #2B1822

A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.

The five colors

• Silver (#E6DDE1): bright and airy, almost weightless.
• Stone (#AEBDB2): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#75968D): A luminous, dusty teal — the color of sea glass.
• Bronze (#6C3200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2B1822): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cocoa Courtyard 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

• Basalt Workshop color palette (#E5EDE8, #ADBDBA, #71969A, #4F4500, #0C2519)
• Garnet Pier color palette (#E2DCE5, #C2B4BD, #7C967E, #7E083D, #251B28)
• Weathered Cocoa Field color palette (#ECE3DC, #BFB19E, #9A8C6D, #673500, #140700)
• Aged Chestnut color palette (#F2E8EC, #B9C9BA, #8DAE9A, #904C00, #2C1821)
• Chestnut Garden color palette (#EEF8F0, #C5D7D1, #86B0B0, #725500, #213927)
• Dusty Spruce Harbor color palette (#DEE9E3, #899F9C, #4E7980, #2F2C00, #000D06)
• Muted Bronze Garden color palette (#FAF3F5, #CFD9DC, #AEC0C4, #9D6630, #4F4448)
• Onyx Loft color palette (#CCE7DA, #518958, #005047, #530147, #002206)

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