Nocturne Harbor color palette — #D4E3D6 · #B52200 · #462B00 · #001012 · #030100

Brick and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#D4E3D6): A whisper-light, dusty green — the color of a quiet forest floor.
• Brick (#B52200): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#462B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001012): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged retro, 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

• Lowlit Chestnut color palette (#E2F0E5, #8E5300, #373300, #000F19, #020100)
• Charred Plum color palette (#F0E9DC, #B5005C, #581B00, #00110B, #040000)
• Charred Veranda color palette (#EADECA, #801531, #331D00, #000922, #040000)
• Pale Garden color palette (#D4F2DD, #C74757, #7A5000, #003B6C, #0B0100)
• Washed Bronze color palette (#FBD8CC, #AE7A32, #53521A, #002530, #000108)
• Ancient Hollow color palette (#F6E0D5, #FF6879, #CB6200, #755900, #020100)
• Antique Onyx Coast color palette (#E8E1D5, #887600, #185100, #080659, #010100)
• Quiet Balcony color palette (#DEFFE5, #F17F0D, #7E6900, #00465B, #1D0F00)

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