Worn Cocoa Courtyard color palette — #F5ECE5 · #DACEB8 · #98AF84 · #773B00 · #060200

Bronze and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5ECE5): bright and airy, almost weightless.
• Oat (#DACEB8): A whisper-light, dusty gold — the color of old brass.
• Sage (#98AF84): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#773B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Aged Basalt Bloom color palette (#E2DFD9, #BEBCA5, #899876, #4B3900, #020100)
• Aged Garden color palette (#F5ECEA, #E0CBBE, #BBA373, #91003D, #070101)
• Basalt Workshop color palette (#EFE0E5, #A0ADA3, #66887C, #532C00, #220B15)
• Washed Chapel color palette (#F9E6EC, #ABC4AF, #7DACAB, #A15F00, #200C15)
• Emerald Delta color palette (#E8E1CD, #5BA15C, #005B4E, #4A0843, #000200)
• Wandering Fern color palette (#F5F6EF, #CAE1D5, #A5C4AE, #3D6F00, #0E0D03)
• Cellar Cocoa Lagoon color palette (#EFE1C8, #604A00, #364340, #101611, #010800)
• Antique Aubergine Ridge color palette (#FDD9D7, #B98D3F, #3B713B, #4E1555, #1D0007)

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