Midnight Nightshade color palette — #F3DBF0 · #0030BF · #3F2100 · #001415 · #000202
Built around Indigo, softened by Espresso — the whole palette hums with optimism and energy.
The five colors
- Thistle (#F3DBF0): A whisper-light, dusty pink — the color of neon signs at night.
- Indigo (#0030BF): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#3F2100): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#001415): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000202): a grounded near-black with real depth.
Feels like: Optimism, Energy, Depth, Luxury. Tagged dark, vibrant, muted.
Use it as a design system
One click turns Midnight Nightshade 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
- Nocturne Aubergine color palette (#EDD7DF, #5F1D97, #2B2C00, #00131A, #000102)
- Navy Hollow color palette (#F7EDE4, #5F90B5, #303F91, #002C2C, #070015)
- Petrol Delta color palette (#DEEEFF, #0068B3, #673700, #002C35, #00090D)
- Garnet Study color palette (#DCF8E8, #005265, #540011, #001410, #000201)
- Charred Workshop color palette (#DDDAF6, #9235AD, #5E2C00, #001C07, #000104)
- Obsidian Atelier color palette (#F9E5DF, #A6002E, #003F3F, #001D2C, #000408)
- Amethyst Boulevard color palette (#F1DAE2, #7F4DB5, #504700, #00235A, #030032)
- Garnet Grove color palette (#F9DEE0, #680058, #24252C, #00260B, #000A09)
Browse the whole catalog at Explore, or see today's palette.