Nocturne Harbor color palette — #D0E3FA · #004C9D · #3E2E00 · #1A2100 · #000201

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

The five colors

• Frost (#D0E3FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Indigo (#004C9D): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3E2E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#1A2100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, dark, muted.

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 Thicket color palette (#F9E6F5, #293A9E, #461A00, #18161C, #050900)
• Velvet Lapis Quarry color palette (#E3EBFF, #4B2ED4, #582A00, #002204, #000201)
• Garnet Drift color palette (#CFE1F5, #004E72, #6C0700, #3F0200, #000201)
• Lowlit Quarry color palette (#DEDFFF, #620096, #35221F, #1F0015, #02000D)
• Velvet Aubergine color palette (#E0DDFE, #7500A6, #183F00, #091F00, #000204)
• Timeworn Lapis Atelier color palette (#DAF0D6, #3D36FA, #680064, #052700, #050013)
• Washed Mulberry color palette (#F5E3EA, #7845BF, #98007A, #303F00, #01000E)
• Hushed Navy color palette (#DEE5F3, #A1A2B9, #8A809D, #34388C, #050915)

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