Cocoa Courtyard color palette — #FFECC7 · #CAF9F0 · #C1D0EA · #634400 · #262016

A conversation between Bronze and Custard, giving this palette its sense of optimism and sophistication.

The five colors

• Custard (#FFECC7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honeydew (#CAF9F0): A whisper-light, dusty teal — the color of sea glass.
• Lilac Frost (#C1D0EA): A whisper-light, dusty violet — the color of a velvet chair.
• Bronze (#634400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#262016): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Dusty Celadon color palette (#EFFFA1, #FFE9DF, #DBC5C1, #683300, #291E17)
• Bronze Canyon color palette (#FAF4ED, #DFDFCC, #A97C40, #613E00, #22190E)
• Chartreuse Meadow color palette (#D6F4FF, #6DFEA3, #D4CCD4, #21452D, #1D2014)
• Timeworn Glacier color palette (#DDE3FF, #70F3FF, #FFC6A3, #69625D, #322D29)
• Antique Station color palette (#FFF2EE, #F0B0B2, #95AEE1, #8678AF, #402C26)
• Patina Sunflower color palette (#DEF8FF, #7FFFB9, #E2D500, #353100, #100C02)
• Chartreuse Garden color palette (#ABF3FF, #75F177, #DFBA33, #39504D, #303732)
• Ancient Glacier Coast color palette (#F0E0F4, #00E7F1, #FF9D88, #372A34, #1A1418)

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