Nocturne Courtyard color palette — #F4DCE0 · #9A1A09 · #482100 · #1B1000 · #020200

A conversation between Garnet and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F4DCE0): A whisper-light, dusty red — the color of a theater curtain.
• Garnet (#9A1A09): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#482100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1B1000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020200): a grounded near-black with real depth.

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

Use it as a design system

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

• Cellar Cocoa color palette (#FFE5DE, #6D3C00, #342700, #101000, #010200)
• Shadow Mulberry Courtyard color palette (#FCE6F8, #8A084A, #570011, #1E0700, #030100)
• Muted Brick color palette (#FFE4E7, #C32600, #733D00, #362200, #070600)
• Moonless Cocoa color palette (#F6DEE8, #733B00, #003E69, #311600, #000104)
• Muted Quarry color palette (#FFE2E0, #C06729, #734800, #3B3600, #0E1900)
• Moonless Station color palette (#E5D9ED, #4828F0, #764500, #0A0E07, #040001)
• Garnet Hollow color palette (#FEDBED, #9F8E3C, #00774C, #5D0022, #030100)
• Basalt Corridor color palette (#DFF2E7, #433C00, #003841, #111C36, #010100)

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