Nightshade Garden color palette — #FFF4DE · #717800 · #4D36AA · #372180 · #3A1818

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

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#717800): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#4D36AA): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#372180): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#3A1818): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Tempered Nightshade color palette (#F3F8DF, #4A9115, #4B31A2, #540967, #3B1C0F)
• Wandering Station color palette (#FFF3E5, #8B5C00, #004FA2, #00397A, #3A1720)
• Washed Aubergine color palette (#F1EFD7, #585900, #45048C, #30115F, #200804)
• Hushed Denim color palette (#F0F9E6, #008675, #684E8C, #4F386C, #342416)
• Hushed Veranda color palette (#FFECF4, #B25F00, #5E369A, #690058, #200000)
• Linen Nightshade color palette (#FFF2ED, #BA3700, #1B37C0, #152C85, #361C2E)
• Feathered Aubergine color palette (#FFF2EF, #909300, #006F68, #672170, #203E19)
• Ember Grove color palette (#FFF2EC, #EA5633, #4560DA, #733191, #3C1815)

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