Nocturne Courtyard color palette — #D1E8FF · #007BC5 · #201F44 · #161116 · #00040C

Cerulean takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D1E8FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#007BC5): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#201F44): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#161116): a grounded near-black with real depth.
• Ink (#00040C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Sapphire Villa color palette (#D6E7FF, #2865FD, #2A1B41, #1B1720, #00030F)
• Midnight Basin color palette (#C7EDF9, #00878B, #00283B, #140D0F, #000507)
• Hushed Azure color palette (#D8E8F8, #0092E6, #4B5171, #1F3243, #000509)
• Wandering Field color palette (#F1F5FF, #8A90FF, #454359, #191E2A, #030609)
• Hazy Azure Drift color palette (#FFF0F9, #BAF0FF, #189CDE, #006B5E, #091D3F)
• Muted Iris Ridge color palette (#F3F4FF, #8886FF, #998000, #537100, #050A23)
• Velvet Amethyst Canyon color palette (#DEE4FE, #8738FF, #351833, #16090F, #020212)
• Feathered Hollow color palette (#DAF1FF, #7DB3FF, #5F5FE6, #53338C, #300D3C)

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