Nocturne Harbor color palette — #E0E4FB · #3929B3 · #513A00 · #1C310D · #01000A

Indigo and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E0E4FB): A whisper-light, dusty violet — the color of a velvet chair.
• Indigo (#3929B3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#513A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#1C310D): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Depth. 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

• Obsidian Aubergine color palette (#EFE6FB, #6500A1, #394400, #003220, #020006)
• Shadow Cocoa Thicket color palette (#DFEFFA, #004F74, #632D00, #332A00, #000103)
• Quiet Aubergine Balcony color palette (#D4E4F9, #004A97, #670076, #003936, #000718)
• Aged Ultramarine Canyon color palette (#D9E2FF, #4458C9, #735600, #374D16, #030028)
• Muted Workshop color palette (#E2E8FA, #4552D9, #98007D, #004C54, #00000B)
• Aged Plum Terrace color palette (#DDE8FF, #A68BE0, #AA4C8B, #00415E, #090020)
• Soft Grape Studio color palette (#E2F2D8, #846C00, #6900CD, #160317, #01000A)
• Antique Orchid color palette (#FBE7FB, #AA58AD, #1A5D00, #005049, #18001A)

Browse the whole catalog at Explore, or see today's palette.