Shadow Courtyard color palette — #F9D8E3 · #824D00 · #231F00 · #160008 · #020200

A conversation between Coffee and Ink, giving this palette its sense of optimism and sophistication.

The five colors

• Shell Pink (#F9D8E3): A whisper-light, dusty rose — the color of a warm blush.
• Coffee (#824D00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#231F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#160008): A deep, shadowed, dusty rose — the color of a warm blush.
• Black (#020200): a grounded near-black with real depth.

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

Use it as a design system

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

• Charred Terracotta Meadow color palette (#FADFD9, #A52300, #2D1900, #160100, #030004)
• Cellar Chestnut color palette (#D8EDE0, #6A5B00, #0F2500, #0A0700, #040001)
• Dusty Hollow color palette (#F9ECDE, #A96500, #3F3900, #2A1500, #120400)
• Smoked Onyx Alley color palette (#D9EBDD, #4A534A, #362700, #091518, #010300)
• Faded Grape Ridge color palette (#E7E9D1, #747700, #5D41DB, #6700C0, #0F1000)
• Worn Amber color palette (#FFECDD, #B57E00, #6F5A00, #3A3F00, #0B1C00)
• Wandering Pine Corridor color palette (#D9F7F3, #3F883D, #1B363A, #071A17, #020805)
• Fern Market color palette (#D3ECD9, #919D49, #156E0D, #661E4B, #151800)

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