Nightshade Harbor color palette — #D1E4D6 · #9B7C00 · #008758 · #5239A8 · #221900
Indigo and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D1E4D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Ochre (#9B7C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Fern (#008758): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#5239A8): A full-bodied, vivid violet — the color of wild irises.
- Ink (#221900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
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
- Nightshade Terrace color palette (#EFD6E3, #C85C00, #00856F, #4E3CA7, #2A111F)
- Quiet Pine color palette (#F3D3E6, #C98000, #13872F, #5B1B7C, #2B2400)
- Wandering Aubergine Workshop color palette (#D2E4D1, #AD7200, #007F97, #7D2287, #0C200C)
- Navy Harbor color palette (#F2D9C1, #8D5200, #005E6B, #232D78, #291602)
- Tempered Studio color palette (#D9DDF1, #8C5BEE, #00818A, #593D97, #141734)
- Amber Garden color palette (#FFF3E8, #C87000, #3879BD, #004E90, #0F0500)
- Mulberry Workshop color palette (#F3D8E7, #B24B00, #006897, #79004C, #1C0600)
- Hushed Mulberry Pier color palette (#DDF0DC, #845500, #87008A, #5A005C, #090300)
Browse the whole catalog at Explore, or see today's palette.