Cocoa Courtyard color palette — #EEE5AC · #77B897 · #437895 · #6E371E · #2D0B00

Bronze takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#EEE5AC): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#77B897): A luminous, balanced teal — the color of glacier melt.
• Slate (#437895): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6E371E): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#2D0B00): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

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

• Lagoon Delta color palette (#FFDCB9, #94A97D, #02867D, #623852, #310825)
• Cobalt Meadow color palette (#B4F1D3, #6EADBE, #716EAB, #55451A, #1F1600)
• Hushed Dune color palette (#E7F2E8, #349EAD, #56628B, #572617, #210400)
• Ancient Cerulean Study color palette (#DAF8E5, #73B0B0, #3E93B0, #814B6A, #45151A)
• Weathered Cypress Alley color palette (#FCF5DE, #7EB086, #006F64, #3E3F00, #000B02)
• Hushed Lagoon color palette (#CDEADB, #38908F, #00556C, #4B233D, #250701)
• Timeworn Atelier color palette (#E0F4EB, #408BA9, #543F76, #2A1E00, #020100)
• Antique Teal color palette (#E0EEE3, #00AA98, #00747A, #00384D, #000D1D)

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