Nocturne Studio color palette — #E7D9E7 · #647600 · #3D000E · #231B06 · #100002

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

The five colors

• Silver (#E7D9E7): A whisper-light, dusty pink — the color of neon signs at night.
• Olive (#647600): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#3D000E): A deep, shadowed, balanced red — the color of embers at dusk.
• Onyx (#231B06): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#100002): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

One click turns Nocturne Studio 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

• Chestnut Harbor color palette (#EFDCE4, #6D5E00, #2A2315, #230E00, #060100)
• Deep Atelier color palette (#EFE6FD, #168316, #37002D, #2A151A, #0D0009)
• Tempered Garnet Pier color palette (#FCE8F7, #A57C00, #6E0400, #260000, #050004)
• Ancient Amber color palette (#D1E4D5, #B08400, #463200, #1E1400, #000A08)
• Tempered Basalt color palette (#EFE5E9, #99B0A1, #628880, #562A00, #1C0F15)
• Terracotta Market color palette (#F7DBD0, #A59919, #963031, #52000A, #050100)
• Weathered Bronze color palette (#F6E2E2, #9E5400, #4C3C00, #142100, #000C05)
• Eclipse Thicket color palette (#F3D7E0, #933500, #2D3400, #19004D, #130800)

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