Charred Courtyard color palette — #CDE8D8 · #785900 · #282832 · #191400 · #030200

Coffee and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Celadon Mist (#CDE8D8): A whisper-light, dusty teal — the color of glacier melt.
• Coffee (#785900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#282832): quiet, heavy and certain.
• Ink (#191400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#030200): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

One click turns Charred 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 Bronze color palette (#F2ECDD, #9B6909, #322C00, #1A221C, #070600)
• Weathered Bronze Basin color palette (#ECE3D0, #AA7F00, #544900, #1A1500, #030200)
• Pine Hollow color palette (#DFE9D3, #187928, #003B29, #001512, #000303)
• Shadow Forest color palette (#EDDFC0, #135A04, #002B25, #180026, #000502)
• Wandering Taupe Terrace color palette (#E3F2EF, #B69753, #304C14, #002822, #001215)
• Tempered Spruce Market color palette (#DEEAE7, #8D9E9D, #5A767A, #183300, #000C0A)
• Smoked Navy Workshop color palette (#C9E7D8, #3D3900, #001D71, #230029, #020200)
• Hushed Stone color palette (#E9F8FC, #D3BE91, #2E6964, #1D3E45, #1C262D)

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