Midnight Courtyard color palette — #FBE1F6 · #006C70 · #9C0026 · #120B03 · #040000

Garnet and Teal set the tone — five colors that lean into sophistication and depth.

The five colors

• Blush (#FBE1F6): A whisper-light, dusty pink — the color of a candy shop window.
• Teal (#006C70): A full-bodied, balanced teal — the color of shallow lagoons.
• Garnet (#9C0026): A full-bodied, vivid red — the color of late-summer berries.
• Ink (#120B03): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Eclipse Cocoa Loft color palette (#EAD9F2, #006789, #7F3D00, #0F0B04, #030100)
• Washed Quarry color palette (#E2F3FF, #007140, #94005D, #180A03, #040000)
• Tempered Plum color palette (#EFDEFB, #007DB3, #B40063, #160403, #040007)
• Softworn Bronze Thicket color palette (#DEE6FF, #00906F, #A25A00, #100B01, #060002)
• Sapphire Meadow color palette (#DAF7DF, #0064D8, #7C0033, #130603, #040000)
• Smoked Chestnut Archive color palette (#F7E7D8, #6D5500, #263231, #210F00, #020100)
• Antique Corridor color palette (#FFE9EE, #0561ED, #6E6300, #090E06, #020100)
• Weathered Olive color palette (#F0EADD, #918F74, #627330, #312A00, #020100)

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