Nightshade Harbor color palette — #DDE4F4 · #6C77C8 · #736E00 · #3600C5 · #141300

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

The five colors

• Frost (#DDE4F4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Periwinkle (#6C77C8): A full-bodied, balanced violet — the color of twilight just after sunset.
• Olive (#736E00): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#3600C5): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Ink (#141300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Aubergine Field color palette (#E7E9F7, #896DBD, #637400, #5A00A5, #101400)
• Patina Nightshade color palette (#D2DEFB, #7070D7, #7C6900, #3F2CA9, #312900)
• Aubergine Cabin color palette (#DDE1F7, #774FBE, #406500, #440085, #040A00)
• Hushed Boulevard color palette (#E0EFFE, #1A86CB, #906000, #004A76, #1C0F00)
• Quiet Courtyard color palette (#EED6E4, #8F88F1, #9C8500, #5E43D2, #312900)
• Lapis Chapel color palette (#FFF0F9, #ABB0FF, #969200, #512CDD, #1A1900)
• Pale Byzantium color palette (#E4E3F6, #894DA1, #7D5500, #444E0E, #16001F)
• Misty Balcony color palette (#F0EAFB, #C369AE, #237E02, #670057, #021800)

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