Nocturne Navy Pier color palette — #DAE2F2 · #527500 · #130161 · #200D20 · #010015
Deep Indigo and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DAE2F2): A whisper-light, dusty violet — the color of twilight just after sunset.
- Olive (#527500): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#130161): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#200D20): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark.
Use it as a design system
One click turns Nocturne Navy Pier 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 Hollow color palette (#DBDEF6, #007A5D, #280050, #240F1D, #040010)
- Inked Onyx color palette (#DAE6F7, #8D5C00, #001456, #1A111C, #000111)
- Aged Aubergine Ridge color palette (#F3E2EC, #7A8E25, #321491, #0D0039, #01000E)
- Frosted Aubergine Canyon color palette (#E0DCF2, #49A26A, #581460, #220026, #020009)
- Stone Orchard color palette (#EFF1F9, #9BCFCD, #585F80, #2A2F4A, #12131B)
- Muted Aubergine Boulevard color palette (#E6E5F0, #A69BAC, #8D7285, #560069, #050210)
- Cocoa Boulevard color palette (#F8EEFC, #A4BD88, #7C3F51, #321E39, #110914)
- Antique Aubergine color palette (#F1F0FF, #4BC092, #672B83, #300B41, #070418)
Browse the whole catalog at Explore, or see today's palette.