Nocturne Courtyard color palette — #DFF1F0 · #006637 · #49004F · #1D241A · #130300

Royal Purple and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#DFF1F0): bright and airy, almost weightless.
• Pine (#006637): A full-bodied, balanced teal — the color of sea glass.
• Royal Purple (#49004F): A deep, shadowed, balanced pink — the color of neon signs at night.
• Onyx (#1D241A): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged 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

• Cellar Garnet color palette (#CFF0F8, #00625F, #550021, #1D2319, #140200)
• Abyss Orchard color palette (#C9E7E0, #214600, #3C0024, #0C1615, #130300)
• Obsidian Aubergine Chapel color palette (#CDE6DD, #4B5D00, #38006B, #14000F, #030100)
• Eclipse Abyss Quarry color palette (#D1E3E8, #004547, #22262B, #070B10, #000103)
• Worn Bronze color palette (#F7E7EE, #917800, #2D4400, #00211F, #020100)
• Plum Cabin color palette (#E2FAFE, #08C2A8, #A45292, #5E4600, #251900)
• Smoked Studio color palette (#D1ECFF, #007196, #711200, #1A1500, #020100)
• Washed Terrace color palette (#E0F7FF, #008B93, #900044, #312200, #030100)

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