Nocturne Villa color palette — #E0E7F9 · #3E37A9 · #502300 · #0A2000 · #00080B
Indigo and Espresso set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#E0E7F9): A whisper-light, dusty violet — the color of twilight just after sunset.
- Indigo (#3E37A9): A full-bodied, vivid violet — the color of a velvet chair.
- Espresso (#502300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
- Ink (#0A2000): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#00080B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
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
- Midnight Aubergine color palette (#E3E3F8, #5D1E88, #3F3100, #001F14, #000819)
- Twilit Garnet Lantern color palette (#D9EDFF, #004778, #62000C, #1F1A00, #000807)
- Muted Corridor color palette (#E4E6F8, #6F2EA9, #6C0207, #212100, #001615)
- Antique Grape color palette (#F2F2FF, #8236B7, #543D00, #003827, #00142E)
- Tempered Grape color palette (#DAF6DF, #7248BA, #6B005A, #272600, #21082E)
- Worn Aubergine color palette (#E2E4EC, #B8B8C3, #9188A7, #482B91, #1B1E2B)
- Inked Corridor color palette (#E6E1F7, #860088, #54004F, #172100, #00000B)
- Quiet Petrol color palette (#CDE7E0, #0069B3, #823800, #003F3E, #00050F)
Browse the whole catalog at Explore, or see today's palette.