Nocturne Courtyard color palette — #D7F4F8 · #005B4D · #003260 · #170037 · #020006

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

The five colors

• Frost (#D7F4F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Pine (#005B4D): A full-bodied, dusty teal — the color of sea glass.
• Navy (#003260): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#170037): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Shadow Fern Chapel color palette (#CBF4EB, #2E6400, #003D46, #001027, #020007)
• Nightshade Terrace color palette (#C7ECF6, #005F5E, #22009B, #29003B, #040001)
• Cellar Boulevard color palette (#F1E3FA, #A60061, #003E58, #0B005A, #030004)
• Obsidian Meadow color palette (#E7E0CC, #3E3800, #002D44, #1A0022, #030100)
• Timeworn Boulevard color palette (#DEE2C6, #488A00, #00512E, #001F2B, #000200)
• Dusty Coast color palette (#DFF3F1, #5F5D55, #005F18, #0F1D20, #000803)
• Charred Onyx Pier color palette (#FFE8EF, #5F3500, #2F004C, #10150A, #100008)
• Moonless Veranda color palette (#FFDCE8, #784800, #540080, #31001D, #040000)

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