Nightshade Harbor color palette — #F5E8DE · #B65B1A · #0039AE · #481D00 · #000107

A conversation between Indigo and Ochre, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5E8DE): bright and airy, almost weightless.
• Ochre (#B65B1A): A full-bodied, balanced gold — the color of old brass.
• Indigo (#0039AE): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#481D00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Nightshade 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

• Timeworn Grape color palette (#F1E3D5, #975B00, #4D1DD5, #402300, #010009)
• Timeworn Parlor color palette (#FFE8D7, #A74E00, #005E76, #471D00, #000102)
• Deep Navy Pier color palette (#FED8E7, #794100, #003B81, #341800, #000516)
• Sunlit Nightshade color palette (#EDDBD0, #814100, #2305CC, #170098, #030100)
• Pale Villa color palette (#FFE0EB, #B36A00, #0078B1, #794600, #00070F)
• Tempered Plum color palette (#FFDEDD, #AF307C, #005D7B, #510035, #000103)
• Inked Boulevard color palette (#F2DAC4, #713D00, #62006A, #301700, #030004)
• Powdered Violet color palette (#F1E0FA, #835CFF, #9F6300, #0E0C06, #020100)

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