Cocoa Courtyard color palette — #F8E6CE · #8B8B5C · #704E00 · #5D2300 · #112B04

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

The five colors

• Parchment (#F8E6CE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#8B8B5C): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#704E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#5D2300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#112B04): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, 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

• Terracotta Bloom color palette (#F8E9E0, #9F825A, #8A3B04, #660F25, #292500)
• Washed Chestnut Basin color palette (#D3E5D5, #94864D, #6F4E00, #4A2700, #00130B)
• Worn Bronze Boulevard color palette (#FBEDD5, #9BA36A, #846400, #733600, #1A3F1A)
• Hushed Cocoa color palette (#FFE8DA, #8A5D1B, #602100, #3B0013, #0E0B00)
• Pale Mustard Ridge color palette (#D7EDD8, #BDB64F, #B28540, #905C48, #002B25)
• Washed Fern Lantern color palette (#FDF3E9, #C2B79F, #9B7957, #814E45, #514900)
• Terracotta Ridge color palette (#F0DCF2, #CC7298, #A41B06, #4D3000, #292600)
• Powdered Bloom color palette (#F4E8E9, #AC6EAC, #5E4E00, #6C006F, #140C00)

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