Twilit Courtyard color palette — #EEDBCD · #795200 · #453300 · #211D00 · #060700

Coffee takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Bone (#EEDBCD): A whisper-light, dusty gold — the color of old brass.
• Coffee (#795200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#453300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#211D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#060700): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Faded Orchard color palette (#F4E7CD, #6C5A00, #2430B5, #332900, #010016)
• Lowlit Fern color palette (#EBE3C9, #504F00, #212D00, #051100, #000200)
• Pine Basin color palette (#EDE1C1, #93A56B, #008D50, #563700, #080900)
• Brick Coast color palette (#FFE0E1, #A81E1E, #631E00, #2E1200, #0A0300)
• Wandering Lantern color palette (#DEE4CA, #668E1E, #0D6912, #003D22, #001D14)
• Garnet Pier color palette (#F7EBCC, #534A00, #004557, #550040, #010100)
• Tempered Market color palette (#E5F1D8, #70AA6A, #007746, #00513A, #002721)
• Sapphire Orchard color palette (#F2D7DC, #006AD8, #476F00, #020F08, #010100)

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