Nocturne Atelier color palette — #E4E8FB · #006947 · #19003D · #0E0417 · #020008

Deep Indigo and Pine set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E4E8FB): A whisper-light, dusty violet — the color of wild irises.
• Pine (#006947): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#19003D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0E0417): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Charred Onyx color palette (#E5EEFD, #6B5500, #03004C, #090613, #00000C)
• Deep Fern Station color palette (#EEE5F5, #1D6A14, #251A0C, #2B0019, #040002)
• Cellar Drift color palette (#EDD9E3, #008966, #310074, #07001D, #0A0001)
• Lowlit Meadow color palette (#EFE9F8, #3B8E27, #4D003B, #15000E, #020006)
• Faded Aubergine Workshop color palette (#E4E3F2, #32A570, #570B6B, #21002A, #02000A)
• Velvet Bronze Market color palette (#F2D8DE, #9A7300, #2E003B, #110402, #030005)
• Charred Navy Grove color palette (#E4F1FF, #003863, #003322, #00151E, #000104)
• Hushed Onyx color palette (#ECE7F2, #978896, #865D6F, #4E0039, #020104)

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