Twilit Lapis color palette — #D7E2FB · #4D4DDD · #533400 · #001824 · #000103
Iris and Cocoa set the tone — five colors that lean into optimism and creativity.
The five colors
- Frost (#D7E2FB): A whisper-light, dusty violet — the color of wild irises.
- Iris (#4D4DDD): A full-bodied, vivid violet — the color of twilight just after sunset.
- Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#001824): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000103): a grounded near-black with real depth.
Feels like: Optimism, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Twilit Lapis 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
- Smoked Hollow color palette (#E1E7FF, #6E3ADC, #3F3F00, #151700, #000200)
- Twilit Nightshade color palette (#F1E1EA, #4A00C2, #382700, #00171F, #01040B)
- Grape Courtyard color palette (#E6E5FB, #8000A4, #2C2E00, #26171E, #00061B)
- Cellar Plum color palette (#E0DAF3, #9B339C, #194800, #051B00, #000202)
- Patina Petrol color palette (#FAE8F6, #7EC4CD, #00709B, #004026, #000112)
- Mulberry Canyon color palette (#F4EBFF, #810064, #3F2200, #001604, #000103)
- Ember Station color palette (#FFF0FC, #E76152, #00707D, #003F51, #000E1C)
- Worn Peony color palette (#FFE3E4, #BF519E, #8B5700, #005132, #000815)
Browse the whole catalog at Explore, or see today's palette.