Nightshade Harbor color palette — #F6D7E8 · #8170EB · #008C41 · #522EBA · #00220A

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

The five colors

• Shell Pink (#F6D7E8): A whisper-light, dusty pink — the color of a candy shop window.
• Amethyst (#8170EB): A luminous, vivid violet — the color of wild irises.
• Fern (#008C41): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#522EBA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#00220A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Sunlit Nightshade color palette (#FDDEF3, #6975F6, #707D00, #3B32C7, #191D00)
• Worn Aubergine color palette (#FFE5EC, #BD70E4, #008C3B, #66008B, #002209)
• Hazy Aubergine Harbor color palette (#EAEDFF, #B282FC, #717E00, #5B00A1, #070900)
• Worn Grape color palette (#E7EAF9, #B99BFF, #7C9E02, #7121CF, #161E00)
• Pale Amethyst Loft color palette (#EDE9FF, #7F4EE2, #706D00, #006A3E, #14082D)
• Pale Cornflower color palette (#F9EAFB, #1A88E9, #9E6800, #005397, #271700)
• Airy Magenta Dune color palette (#F6D9DC, #BC2FB0, #5D7000, #75006E, #0D1200)
• Wandering Peony color palette (#F9E8E6, #DD3B94, #008A5A, #95005D, #002112)

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