Nocturne Courtyard color palette — #CFE9F9 · #3957B4 · #370074 · #230026 · #100007

Royal Purple and Cobalt set the tone — five colors that lean into creativity and depth.

The five colors

• Frost (#CFE9F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#3957B4): A full-bodied, balanced violet — the color of a velvet chair.
• Royal Purple (#370074): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#230026): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#100007): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, Depth, Luxury. Tagged dark.

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

• Cellar Meadow color palette (#E0E7FF, #6C40A4, #4C004F, #280014, #0F0001)
• Charred Navy color palette (#CFF1F5, #006C93, #00267A, #100035, #08000F)
• Feathered Meadow color palette (#DADEF9, #7661C7, #5A219F, #33004D, #060008)
• Eclipse Ridge color palette (#E7E7CB, #00498F, #38004F, #071100, #020018)
• Softworn Corridor color palette (#F8DFED, #008BC6, #5242D0, #65004E, #050012)
• Grape Delta color palette (#E3F0F9, #4B7CEF, #7222D0, #600076, #080003)
• Washed Navy color palette (#F5EAF4, #A3959C, #84686E, #052561, #0F060E)
• Lowlit Aubergine color palette (#F5E3EC, #5B3100, #350078, #211007, #0C000C)

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