Twilit Drift color palette — #F5DCEA · #5B36CD · #690054 · #1E2A00 · #01000E
Iris and Mulberry set the tone — five colors that lean into nature and growth.
The five colors
- Shell Pink (#F5DCEA): A whisper-light, dusty pink — the color of a candy shop window.
- Iris (#5B36CD): A full-bodied, vivid violet — the color of wild irises.
- Mulberry (#690054): A deep, shadowed, balanced pink — the color of a candy shop window.
- Deep Forest (#1E2A00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#01000E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged jewel, vibrant, dark.
Use it as a design system
One click turns Twilit Drift 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
- Gentle Aubergine Garden color palette (#F8DFE6, #761FA1, #7A004B, #103000, #03000D)
- Deep Aubergine Dune color palette (#EADEEB, #005EAA, #6A0063, #222500, #000207)
- Timeworn Orchard color palette (#DAE3CC, #007E9D, #5B209F, #003521, #000B1D)
- Aubergine Study color palette (#E8D8E8, #0057C9, #4C00A2, #382800, #000206)
- Midnight Lapis Canyon color palette (#DFE7FF, #3E00E1, #582700, #280E00, #000201)
- Grape Station color palette (#D2E6ED, #417FE1, #5F2DB8, #4D004B, #210005)
- Worn Cocoa Alley color palette (#D3ECDD, #00728A, #782500, #002E27, #000A08)
- Nightshade Hollow color palette (#E9DFE7, #BEB0B5, #AE8B8C, #2547AE, #1B0F1A)
Browse the whole catalog at Explore, or see today's palette.