Nocturne Nightshade Courtyard color palette — #CBE6E4 · #007C43 · #3600A5 · #300200 · #040000

Built around Indigo, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Silver (#CBE6E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Pine (#007C43): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#3600A5): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#300200): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

One click turns Nocturne Nightshade 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

• Nocturne Aubergine Loft color palette (#C9E9EE, #007869, #59007E, #2F0200, #030100)
• Olive Parlor color palette (#CEEAE0, #5B7100, #003A78, #2E0014, #040001)
• Onyx Meadow color palette (#E1ECD8, #005745, #002957, #290020, #0F0500)
• Ultramarine Chapel color palette (#D8EEE3, #8B8400, #3F50D6, #623800, #0F0500)
• Twilit Onyx Station color palette (#DAF3FC, #006166, #4F003F, #170100, #020100)
• Lagoon Loft color palette (#D3ECDB, #00A2A3, #346392, #562620, #10000E)
• Washed Lagoon Boulevard color palette (#D9F7EE, #008C93, #00606E, #002C3D, #000511)
• Lime Workshop color palette (#C6FEEF, #75D800, #00A595, #006A9A, #000202)

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