Nocturne Villa color palette — #F3E2EF · #7D7E19 · #191E64 · #030029 · #040003

Deep Indigo and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F3E2EF): A whisper-light, dusty pink — the color of a candy shop window.
• Olive Leaf (#7D7E19): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#191E64): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#030029): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040003): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Pine Alley color palette (#ECDEE5, #008F5F, #2A1761, #090023, #040002)
• Shadow Bronze color palette (#F4E7F3, #AB6522, #00265C, #00071B, #030003)
• Pale Canyon color palette (#E7EFFF, #999832, #31398E, #100258, #000014)
• Misty Jade color palette (#F0D9E4, #00B076, #412684, #190044, #030012)
• Ancient Emerald Market color palette (#F3E0E1, #5EA058, #5C194F, #25001E, #060001)
• Lowlit Forest color palette (#FEE7EE, #006940, #210032, #100403, #030005)
• Aubergine Field color palette (#F5E6EA, #BFAEAE, #A3867A, #572B76, #14060B)
• Ancient Stone Ridge color palette (#FCECF7, #A5BD8A, #4B517D, #202346, #130810)

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