Cocoa Courtyard color palette — #E1E9E2 · #A2BAAD · #78958B · #583F00 · #020E04

Deep Olive takes the lead with Eucalyptus close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#E1E9E2): bright and airy, almost weightless.
• Ash (#A2BAAD): A luminous, dusty teal — the color of shallow lagoons.
• Eucalyptus (#78958B): A luminous, dusty teal — the color of sea glass.
• Deep Olive (#583F00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#020E04): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Patina Atelier color palette (#E6E1DA, #BDB9AB, #8F9079, #5B3F00, #281D0D)
• Ancient Basalt color palette (#E2F1E9, #88A89E, #5E8580, #3C3800, #000603)
• Wandering Summit color palette (#E5F7EF, #BDDBD5, #8CB79B, #586200, #0C1E18)
• Weathered Pine Villa color palette (#D6ECE7, #338C59, #005040, #3F2200, #000B03)
• Muted Harbor color palette (#D3E5DC, #D78600, #8B7D00, #006E30, #040600)
• Hushed Chestnut Delta color palette (#EEE6D5, #7B6100, #2A4400, #001A4A, #000703)
• Softworn Olive color palette (#E8E1C6, #5C872F, #2C6349, #2B2C4E, #220630)
• Timeworn Atelier color palette (#D6E4DC, #A1B9B1, #759590, #4D4400, #030E08)

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