Nocturne Study color palette — #D7E1FF · #4834A1 · #3A4000 · #1E005A · #010100
Indigo and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D7E1FF): A whisper-light, dusty violet — the color of wild irises.
- Indigo (#4834A1): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#3A4000): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Indigo (#1E005A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Nocturne Study 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
- Charred Corridor color palette (#E4E3F3, #6D1D8E, #3F3E00, #310043, #010100)
- Moonless Navy Bloom color palette (#E3EEFF, #1744A0, #593000, #001358, #030100)
- Obsidian Drift color palette (#E2E9FF, #5025C0, #004944, #21005F, #000807)
- Twilit Aubergine Bloom color palette (#E4E8FF, #490C8C, #333400, #00240F, #020007)
- Aubergine Ridge color palette (#EEDDE6, #655BB7, #00625C, #2C0078, #000201)
- Aubergine Atelier color palette (#F7E1EC, #694FC7, #5F5B00, #3D0093, #070600)
- Twilit Grape Harbor color palette (#D1F0E5, #6F5D00, #7700A9, #12040D, #010008)
- Hushed Ridge color palette (#EEE5F7, #952A6C, #005552, #4F0035, #000403)
Browse the whole catalog at Explore, or see today's palette.