Nightshade Field color palette — #DDE6F7 · #2F3DA8 · #5A2F00 · #151B00 · #00000B

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

The five colors

• Frost (#DDE6F7): A whisper-light, dusty violet — the color of wild irises.
• Indigo (#2F3DA8): A full-bodied, vivid violet — the color of a velvet chair.
• Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#151B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Shadow Cabin color palette (#DBDEFA, #651BA2, #4A3A00, #001F09, #020006)
• Lowlit Nightshade Hollow color palette (#DCE1F1, #332192, #3E2300, #010E00, #000102)
• Nocturne Garnet color palette (#D7E6F3, #00537B, #750011, #211600, #000103)
• Grape Chapel color palette (#DCEFDF, #7947A5, #5C003F, #0C0E00, #030004)
• Byzantium Drift color palette (#EDECFF, #954EB3, #666300, #00442A, #030005)
• Mulberry Terrace color palette (#E2D9F2, #9E1C86, #355900, #002F2A, #040002)
• Softworn Chestnut Cabin color palette (#C5E7F0, #007D7A, #716100, #00524F, #000203)
• Pale Thicket color palette (#E4ECFE, #676CD4, #6A0056, #23007F, #040002)

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