Nocturne Villa color palette — #FFEBE2 · #AA4B00 · #5D2600 · #1D0600 · #030100
Built around Terracotta, softened by Espresso — the whole palette hums with optimism and warmth.
The five colors
- Cream (#FFEBE2): A whisper-light, dusty orange — the color of sun-warmed clay.
- Terracotta (#AA4B00): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#5D2600): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#1D0600): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#030100): a grounded near-black with real depth.
Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted, warm.
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
- Nocturne Chestnut color palette (#EDDFCA, #825500, #3D2600, #0F0800, #020100)
- Plum Coast color palette (#FFE0E1, #B84358, #6D0028, #230009, #040000)
- Ember Thicket color palette (#FFE9DE, #E15E15, #8B2E00, #431300, #090100)
- Marigold Courtyard color palette (#FFF1CA, #CDA33A, #826A00, #473500, #171100)
- Timeworn Chestnut color palette (#D7E7FF, #007E84, #8F4F00, #0C0802, #040001)
- Antique Balcony color palette (#E6E1AF, #A39337, #675A00, #2F2B00, #080500)
- Aged Garnet Coast color palette (#FFE3DF, #D29450, #7B7D00, #700044, #0F0400)
- Hushed Cocoa Harbor color palette (#FFECF2, #E3C49D, #AC7D4A, #723F00, #2B1600)
Browse the whole catalog at Explore, or see today's palette.