Nocturne Onyx color palette — #FFEBE3 · #5B0A00 · #10005C · #04002B · #06000D

Deep Indigo and Espresso set the tone — five colors that lean into creativity and depth.

The five colors

• Cream (#FFEBE3): A whisper-light, dusty orange — the color of toasted spice.
• Espresso (#5B0A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Indigo (#10005C): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#04002B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#06000D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Depth, Luxury. Tagged jewel, vibrant, dark.

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

• Velvet Garnet color palette (#F6DFFB, #600029, #001D33, #05001F, #030003)
• Onyx Lantern color palette (#EAE7C4, #2B2E00, #070056, #030033, #060000)
• Midnight Cocoa Delta color palette (#FDE9D6, #593200, #002132, #0A0027, #14010A)
• Garnet Meadow color palette (#FFDDD2, #930024, #002C63, #220045, #060003)
• Aubergine Thicket color palette (#FCEFD5, #514B00, #27007D, #180058, #19000A)
• Midnight Spruce color palette (#EDE3CE, #4D5B5F, #372D00, #151C16, #000600)
• Wandering Hollow color palette (#F5EED3, #635D00, #004252, #11263E, #220808)
• Nocturne Chestnut color palette (#FED7CE, #865200, #3A3100, #051500, #000604)

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