Nocturne Harbor color palette — #D3E4FA · #3359C3 · #2600AB · #170047 · #020009
Built around Indigo, softened by Cobalt — the whole palette hums with creativity and energy.
The five colors
- Frost (#D3E4FA): A whisper-light, dusty blue — the color of open sky before noon.
- Cobalt (#3359C3): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#2600AB): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#170047): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#020009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Nocturne Harbor 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
- Nightshade Parlor color palette (#D0E4E9, #007BB9, #260EAA, #200044, #180016)
- Velvet Pier color palette (#D2E5F1, #0069AB, #003B76, #020056, #01000B)
- Ancient Station color palette (#E0EBF7, #2576FB, #3439C9, #2A007F, #10002B)
- Powdered Ultramarine color palette (#CDEFF8, #008BDF, #2F18DD, #26004E, #030004)
- Obsidian Workshop color palette (#FFE9EA, #2A43BE, #35007B, #2C0011, #01000E)
- Lowlit Grape color palette (#E8E8FF, #7639C6, #580082, #25002E, #070007)
- Shadow Nightshade Ridge color palette (#DCE2F1, #4407C2, #4A0044, #270003, #000103)
- Hushed Drift color palette (#DCE6FB, #7887FF, #5A00E8, #3F0083, #1F0036)
Browse the whole catalog at Explore, or see today's palette.