Cocoa Courtyard color palette — #FAF0E1 · #B3AD80 · #867248 · #6C4100 · #27230F

Built around Bronze, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF0E1): A whisper-light, dusty gold — the color of old brass.
• Sage (#B3AD80): A luminous, dusty green — the color of fresh herbs.
• Walnut (#867248): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#6C4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#27230F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Bronze Delta color palette (#FEEFE4, #CBB7A3, #AD7347, #824525, #352A1A)
• Basalt Drift color palette (#ECDFC6, #9C9C66, #73632D, #553700, #1C1800)
• Antique Cocoa color palette (#ECF9EE, #89B2A0, #866F40, #72452B, #224440)
• Deep Chestnut color palette (#F5DBC3, #6F4900, #412000, #1F0500, #020100)
• Faded Iris Terrace color palette (#FFEBF8, #757ECC, #956C38, #445B0E, #271121)
• Mulberry Field color palette (#F3EFFF, #C59BD3, #A16391, #792A51, #480013)
• Hushed Denim color palette (#F9EEF6, #CAB079, #435283, #371D32, #120911)
• Aged Plum Orchard color palette (#FAEEF5, #ACACEB, #AA5477, #5E5AA1, #1A0907)

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