Soft Nightshade Harbor color palette — #D4DEF3 · #6776CF · #836600 · #3224BB · #342700

Indigo and Periwinkle set the tone — five colors that lean into optimism and creativity.

The five colors

• Powder Blue (#D4DEF3): A whisper-light, dusty violet — the color of wild irises.
• Periwinkle (#6776CF): A full-bodied, balanced violet — the color of a velvet chair.
• Ochre (#836600): A full-bodied, balanced gold — the color of old brass.
• Indigo (#3224BB): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#342700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Pale Navy color palette (#D2DFF0, #417FD1, #925D00, #004594, #3B2300)
• Gentle Grape Bloom color palette (#E9EEFF, #8E83C4, #967300, #5D37B1, #443200)
• Tempered Aubergine Station color palette (#DCE3FA, #6C5ABC, #426600, #3E0095, #121F00)
• Wandering Meadow color palette (#DCDBF4, #9A63BA, #706F00, #6C0094, #2B2B00)
• Hazy Ridge color palette (#F6E9F4, #4B7BDB, #007E5C, #083AA2, #00170E)
• Indigo Summit color palette (#E3EBFF, #5D5BC3, #705C00, #2F531F, #1A1941)
• Aged Ultramarine color palette (#CFDFF9, #6592FF, #009D7B, #2652DB, #003125)
• Misty Thicket color palette (#F3F4FF, #AA93CB, #729655, #7849AD, #354A23)

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