Nocturne Onyx color palette — #F7E0EE · #526000 · #110045 · #120619 · #01000A

Deep Indigo takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F7E0EE): A whisper-light, dusty pink — the color of neon signs at night.
• Olive (#526000): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#110045): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#120619): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, 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

• Twilit Forest color palette (#F9E5E9, #006947, #24002E, #110402, #030004)
• Charred Onyx color palette (#E6EAFB, #9A7300, #1F0050, #0E0518, #010008)
• Chestnut Orchard color palette (#D4EDE6, #884105, #312526, #00152A, #000104)
• Inked Pier color palette (#F9E1E6, #148D6E, #430055, #110018, #040001)
• Aubergine Corridor color palette (#F1E9EB, #988988, #975937, #430054, #050001)
• Eclipse Onyx Veranda color palette (#F0E3EB, #4C4D9A, #441D00, #1A005E, #030100)
• Pewter Summit color palette (#F9EFEE, #C5C6A2, #854F5C, #4D212C, #1B110F)
• Aubergine Canyon color palette (#F7E3E9, #75AF8E, #573177, #260F38, #0F0105)

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