Twilit Workshop color palette — #DCE4F5 · #5B4EC2 · #400084 · #2C0042 · #0D000F
Royal Purple and Iris set the tone — five colors that lean into creativity and depth.
The five colors
- Frost (#DCE4F5): A whisper-light, dusty violet — the color of wild irises.
- Iris (#5B4EC2): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#400084): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#2C0042): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#0D000F): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Twilit Workshop 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
- Lapis Pier color palette (#D9E7F3, #4B4CEC, #4C00A4, #34003F, #2A001B)
- Grape Veranda color palette (#F8DAE5, #7234AE, #445000, #3A0064, #020300)
- Eclipse Aubergine Field color palette (#F3E1FC, #994EAD, #56006A, #21002A, #030005)
- Grape Archive color palette (#CFEAFF, #477BEE, #6900CF, #420049, #0A0004)
- Velvet Navy color palette (#D9EFFF, #005BA1, #00308E, #130052, #040014)
- Airy Grape Dune color palette (#E8EAFD, #9467F8, #8400C6, #550061, #2C0028)
- Aubergine Pier color palette (#FFEAEF, #C683B4, #C1556C, #401A9E, #120015)
- Aubergine Field color palette (#FBEBF0, #6A0797, #583500, #003734, #020005)
Browse the whole catalog at Explore, or see today's palette.