Garnet Courtyard color palette — #F2D8D0 · #871F2D · #004641 · #40000C · #000201

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

The five colors

• Shell Pink (#F2D8D0): A whisper-light, dusty orange — the color of toasted spice.
• Wine (#871F2D): A full-bodied, balanced red — the color of late-summer berries.
• Forest (#004641): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#40000C): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#000201): quiet, heavy and certain.

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

Use it as a design system

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

• Mulberry Balcony color palette (#FBD8D8, #7F1D60, #00482A, #3B002A, #000201)
• Inked Cocoa Orchard color palette (#FFE5CE, #733B00, #00444D, #311600, #000102)
• Nocturne Study color palette (#FDEBE8, #740303, #003A37, #00212A, #040000)
• Plum Garden color palette (#FAE0FB, #BB2B4C, #00625E, #56001A, #000201)
• Navy Pier color palette (#FCEAD0, #775400, #004595, #382600, #00020C)
• Velvet Chapel color palette (#FFEAE9, #A53436, #580400, #111309, #190001)
• Garnet Parlor color palette (#FFEBE1, #C45A48, #007790, #860E00, #00151C)
• Brick Boulevard color palette (#FFEEE6, #E17462, #009597, #AB1200, #002627)

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