Nightshade Alley color palette — #FFF2EE · #B7656C · #5570A4 · #56438F · #472B22

Indigo takes the lead with Mocha close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Mocha (#B7656C): A luminous, balanced red — the color of embers at dusk.
• Slate (#5570A4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Indigo (#56438F): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#472B22): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Creativity, Balance. Tagged muted.

Use it as a design system

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

• Pewter Station color palette (#FFF2EB, #BF7D68, #7879AC, #794A85, #433B37)
• Gentle Denim color palette (#FFF2EE, #A95A66, #0A5B9D, #49337D, #371F21)
• Gentle Grove color palette (#FFF1F2, #A8679C, #007D9A, #185393, #47292D)
• Ember Basin color palette (#FFEEE6, #C7655B, #00829E, #5C4186, #29140A)
• Hushed Mulberry color palette (#FAECDE, #9D6014, #794795, #73165D, #382003)
• Gentle Harbor color palette (#FFF0FC, #E57C70, #3D98D0, #8E588C, #3C2D3A)
• Washed Terrace color palette (#FFF1F5, #FBA329, #7EBE90, #B07E98, #412C33)
• Tempered Lapis color palette (#FEDDCC, #B72F00, #4835CF, #5E0078, #3E0A00)

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