Twilit Courtyard color palette — #DCE9FC · #844500 · #000F3B · #0A0914 · #000107

Bronze and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCE9FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Bronze (#844500): A full-bodied, balanced gold — the color of old brass.
• Midnight (#000F3B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0A0914): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged luxury, 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

• Inked Terracotta Station color palette (#D8E5F2, #A41600, #302324, #00142B, #000104)
• Shadow Onyx color palette (#DEE8FE, #496200, #0E0046, #0C0618, #01000A)
• Inked Bronze color palette (#F0E5F1, #936E00, #002B58, #000614, #070000)
• Softworn Navy color palette (#DCE0EE, #8C8AA3, #726482, #271A5F, #000107)
• Muted Lime Meadow color palette (#EDF1FF, #A2C06E, #534E7A, #20263D, #090C16)
• Patina Navy color palette (#E2ECFD, #979200, #212C81, #070C33, #000107)
• Olive Boulevard color palette (#E0E6F6, #438D00, #270674, #070025, #000009)
• Pine Alley color palette (#CAEAE1, #009252, #001C35, #090F13, #000104)

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