Nocturne Onyx Drift color palette — #D7EDF8 · #004557 · #510006 · #0B1515 · #110000

Espresso and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7EDF8): A whisper-light, dusty blue — the color of deep harbor water.
• Deep Teal (#004557): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#510006): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#0B1515): a grounded near-black with real depth.
• Ink (#110000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Nocturne Onyx Drift 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 Abyss color palette (#DBEDEF, #005440, #3E1200, #180400, #030100)
• Twilit Navy Boulevard color palette (#E2F0FF, #004682, #2A1D00, #0E1317, #080400)
• Nocturne Coast color palette (#D5F2FC, #006163, #530030, #1C2626, #090800)
• Shadow Onyx color palette (#D0EDE4, #003150, #2E003A, #110700, #000202)
• Grape Ridge color palette (#E7EBFF, #6100DD, #3F2B00, #180F00, #000201)
• Lowlit Aubergine color palette (#C6ECF4, #004843, #40005E, #140021, #020100)
• Worn Study color palette (#E8EFDA, #008350, #912700, #462D00, #010200)
• Worn Petrol Chapel color palette (#EFF6FF, #0066B4, #6A4100, #3D2300, #000200)

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