Nocturne Atelier color palette — #E3DFD1 · #615E00 · #00255A · #201F00 · #000108
Midnight takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Bone (#E3DFD1): bright and airy, almost weightless.
- Olive (#615E00): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#00255A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Onyx (#201F00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged duotone, dark, muted.
Use it as a design system
One click turns Nocturne Atelier 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
- Velvet Aubergine color palette (#EFEEDC, #4A6600, #270074, #162200, #060003)
- Midnight Chestnut color palette (#E8DDD2, #844B00, #00302D, #2E1600, #000300)
- Fern Atelier color palette (#FFDCDB, #3C5300, #002A2D, #230002, #000501)
- Nocturne Navy color palette (#F4EAD8, #4A3B00, #1D2723, #030067, #100700)
- Pine Lantern color palette (#E8E8D3, #087419, #003A2E, #001318, #00030B)
- Ancient Aubergine Hollow color palette (#DAE6D6, #00796C, #3A0085, #002E28, #02000C)
- Hushed Bronze Balcony color palette (#E4F0DF, #8D8100, #007254, #003B5B, #000707)
- Olive Boulevard color palette (#E3E3D4, #498700, #004E5E, #214200, #000201)
Browse the whole catalog at Explore, or see today's palette.