Nocturne Courtyard color palette — #D6F2FF · #005584 · #002A5F · #070041 · #01000C

Deep Indigo and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D6F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005584): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002A5F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#070041): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#01000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

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

• Denim Meadow color palette (#BCEAEB, #005E6B, #003646, #001422, #000104)
• Navy Thicket color palette (#C8F5FE, #007CA3, #003B93, #1C004C, #030005)
• Dusty Garden color palette (#DCEEFD, #006DC3, #0046A2, #080084, #020024)
• Smoked Nightshade Study color palette (#E2EDFE, #0736BE, #4C3800, #000962, #020100)
• Chalky Iris Alley color palette (#E8EEFB, #8F75CE, #874C85, #003354, #00000E)
• Deep Nightshade Lantern color palette (#DAE3F5, #4000D0, #320080, #13002A, #030005)
• Wandering Sapphire Market color palette (#D8E2ED, #3C6FF9, #453AC2, #392475, #200639)
• Iris Coast color palette (#E0E7F7, #8285FE, #6E51B9, #482B6E, #291233)

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