Twilit Field color palette — #DDE1FF · #6706B9 · #3B4400 · #2B0054 · #050700
A conversation between Plum and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Frost (#DDE1FF): A whisper-light, dusty violet — the color of wild irises.
- Plum (#6706B9): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#3B4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Indigo (#2B0054): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Twilit 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
- Velvet Mulberry color palette (#EFE1ED, #880081, #004C21, #3B0038, #000902)
- Tempered Ultramarine color palette (#E5EDFF, #1C2CD6, #4E3C00, #07006D, #090500)
- Ancient Hollow color palette (#F5D4E1, #7F40C6, #585E00, #4B0083, #060600)
- Aubergine Delta color palette (#E8DFF2, #59008B, #4C2B00, #002B27, #030009)
- Midnight Denim Dune color palette (#D3E4F7, #005293, #543800, #002141, #0B0500)
- Velvet Byzantium color palette (#EFDFF8, #9325C5, #410061, #210A0D, #100019)
- Magenta Hollow color palette (#DED8FF, #C94EE0, #327E00, #60006F, #133105)
- Plum Delta color palette (#EDE2FB, #BC048F, #006A49, #67004D, #002114)
Browse the whole catalog at Explore, or see today's palette.