Cocoa Courtyard color palette — #FEF2ED · #D4BD98 · #7F5048 · #5E2401 · #2A241A
A conversation between Espresso and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FEF2ED): a clean, paper-quiet neutral.
- Sand (#D4BD98): A luminous, dusty gold — the color of old brass.
- Coffee (#7F5048): A full-bodied, dusty orange — the color of autumn markets.
- Espresso (#5E2401): A deep, shadowed, balanced orange — the color of autumn markets.
- Onyx (#2A241A): quiet, heavy and certain.
Feels like: Optimism, Sophistication. Tagged luxury, dark, 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
- Wandering Driftwood color palette (#FCF3EE, #E8B29C, #848042, #965C44, #302E27)
- Tempered Fern Veranda color palette (#FAF5E9, #C7AB70, #5F510C, #372D00, #1B1E0D)
- Tempered Driftwood color palette (#FAF2F9, #B4DBCF, #A06E6E, #5C435B, #322732)
- Antique Alley color palette (#E8E4D6, #896600, #2D323B, #201E00, #050500)
- Amber Boulevard color palette (#E8DBCF, #A8873D, #502B00, #241000, #070500)
- Weathered Parlor color palette (#FEF4E4, #C2A17A, #787B4F, #395E79, #5F4200)
- Patina Driftwood Villa color palette (#FEF3EB, #B27354, #1B716B, #404C74, #452D2C)
- Aged Veranda color palette (#FFF2EA, #D7B889, #96864A, #556020, #005137)
Browse the whole catalog at Explore, or see today's palette.