Nocturne Onyx color palette — #F9D8E3 · #5B3500 · #002D32 · #0C002C · #040001

Ink and Cocoa set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#F9D8E3): A whisper-light, dusty rose — the color of a warm blush.
• Cocoa (#5B3500): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002D32): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C002C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Cellar Harbor color palette (#D0E9DA, #625400, #003332, #090023, #050000)
• Garnet Terrace color palette (#F7E3F4, #750016, #00271A, #000D19, #030004)
• Onyx Chapel color palette (#D0EDE3, #3A4700, #001B4B, #170013, #030100)
• Wandering Market color palette (#E4EBE5, #AFBFB6, #779B90, #4E3800, #000200)
• Wandering Bronze color palette (#FFEBCD, #8E7A00, #414900, #061100, #000200)
• Wandering Delta color palette (#D5FFFA, #009C39, #543DCC, #740032, #0C0600)
• Moonless Terrace color palette (#C9F2EB, #1E6600, #2500A6, #34001B, #020100)
• Weathered Moss color palette (#EAFAF0, #A5A127, #006EA3, #5C2875, #1C0714)

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