Nocturne Villa color palette — #E0E4C8 · #555A61 · #043905 · #131F1B · #000603

Deep Forest and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E0E4C8): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal Brown (#555A61): quiet, heavy and certain.
• Deep Forest (#043905): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#131F1B): a grounded near-black with real depth.
• Ink (#000603): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Eclipse Loft color palette (#F0E8D5, #5A6320, #163300, #1C1600, #050700)
• Weathered Abyss color palette (#DFF2E4, #575C67, #00414A, #1E262E, #000A12)
• Hushed Garnet color palette (#E9F3E4, #005F51, #760036, #002720, #130004)
• Aubergine Ridge color palette (#D0E8E4, #004A44, #480075, #371D00, #000202)
• Cerulean Summit color palette (#E8F6EF, #3687AB, #443745, #1D2D26, #0E1716)
• Charred Grove color palette (#D4E6E2, #165400, #2C2C35, #00110F, #000300)
• Patina Navy Ridge color palette (#E8DECF, #5987A1, #003E6D, #002227, #00022D)
• Pine Boulevard color palette (#E0EDD5, #358059, #004443, #2E1140, #2D001E)

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