Nocturne Onyx color palette — #DDF3F8 · #004744 · #3F0010 · #1B0000 · #040100

Espresso takes the lead with Forest close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Frost (#DDF3F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Forest (#004744): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#3F0010): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#1B0000): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Black (#040100): quiet, heavy and certain.

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

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

• Midnight Abyss Harbor color palette (#C7EDF3, #00483C, #00241F, #1A0007, #000202)
• Eclipse Onyx color palette (#DFEEE0, #004547, #220057, #180002, #010100)
• Charred Aubergine Garden color palette (#D6F5FF, #006568, #3F0091, #3A0007, #020200)
• Nocturne Spruce color palette (#D1EEFB, #6A635D, #00353C, #191820, #000411)
• Worn Abyss color palette (#E7F1DA, #467776, #004155, #271D00, #0A1200)
• Shadow Spruce Balcony color palette (#FFE9F1, #665E25, #143400, #001B1C, #070600)
• Mulberry Study color palette (#E7F3E0, #008571, #98006D, #5D2000, #050100)
• Aubergine Meadow color palette (#CCE3EA, #006469, #390191, #271E00, #001617)

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