Nocturne Onyx color palette — #D2E5DD · #007681 · #003A5B · #0D0056 · #030005

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

The five colors

• Silver (#D2E5DD): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007681): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003A5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#0D0056): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#030005): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged 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

• Nocturne Cypress Bloom color palette (#DBEED6, #007958, #003F44, #001931, #01000E)
• Soft Canyon color palette (#CCE7EB, #0092BB, #005182, #00195F, #010009)
• Shadow Nightshade color palette (#D9F1F3, #006A9D, #241592, #230035, #040002)
• Nocturne Navy color palette (#FDE9D2, #006261, #15197E, #1F1000, #000203)
• Hazy Lantern color palette (#D5F2E4, #008E93, #005E83, #240080, #140023)
• Midnight Basin color palette (#DBE8D0, #005743, #48004A, #111100, #010100)
• Dusty Navy color palette (#D5E6DF, #3B768B, #453A6F, #242800, #0C0E00)
• Weathered Corridor color palette (#E1EEE4, #92A59F, #8F7184, #003E45, #000601)

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