Dusty Cocoa Courtyard color palette — #F3E6D1 · #A49762 · #75612F · #5B3D00 · #33302A

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

The five colors

• Parchment (#F3E6D1): A whisper-light, dusty gold — the color of old brass.
• Moss (#A49762): A luminous, dusty green — the color of new leaves after rain.
• Olive (#75612F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#5B3D00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#33302A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Dusty 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

• Hushed Fern color palette (#EFEADC, #878E48, #5D5800, #423600, #2A2400)
• Amber Quarry color palette (#F6D8BD, #BC7F2D, #864A00, #602B00, #382500)
• Hushed Chestnut color palette (#FAF5E4, #A3AD80, #757644, #664E00, #443E00)
• Dusty Chestnut Alley color palette (#DDEDE0, #90B9A5, #967D46, #824C19, #093930)
• Patina Market color palette (#DBEEDF, #D0C28A, #C0972B, #927445, #1E362A)
• Tempered Chestnut Lantern color palette (#F3E0D2, #955518, #5B2700, #350D00, #140800)
• Antique Taupe color palette (#E5F3E3, #8EA664, #004E49, #002826, #04140F)
• Muted Canyon color palette (#F0F8E8, #007C5C, #813600, #453500, #1F1E00)

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