Nocturne Onyx color palette — #E5F0FF · #00684A · #000647 · #090713 · #00000A

Deep Indigo takes the lead with Pine close behind in a set that reads as creativity and calm at first glance.

The five colors

• Frost (#E5F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#00684A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#000647): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#090713): A deep, shadowed, dusty violet — the color of wild irises.
• Black (#00000A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Eclipse Forest color palette (#DFF0FF, #006A31, #362B2C, #001625, #000103)
• Twilit Courtyard color palette (#EBDCE9, #795800, #00034A, #0E0104, #000014)
• Twilit Navy Thicket color palette (#EFE1ED, #198864, #021D75, #000122, #050005)
• Muted Aubergine Archive color palette (#E2E3ED, #8C8C99, #6C687C, #361358, #010105)
• Softworn Navy Pier color palette (#E6E7FB, #CE8C85, #503A69, #231333, #040312)
• Patina Pewter Balcony color palette (#F5EFF7, #E1B4CA, #6F5777, #3A2A40, #18111A)
• Shadow Nightshade color palette (#DCE1F0, #5646A2, #440053, #210058, #030004)
• Shadow Mulberry Harbor color palette (#DBDFEC, #972B39, #160040, #0E0519, #010008)

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