Tempered Lantern color palette — #F2F5FF · #CBCAF5 · #7A77B0 · #4F4489 · #38335A
Built around Indigo, softened by Slate — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Lilac Frost (#CBCAF5): A whisper-light, dusty violet — the color of a velvet chair.
- Slate (#7A77B0): A full-bodied, balanced violet — the color of twilight just after sunset.
- Indigo (#4F4489): A full-bodied, balanced violet — the color of wild irises.
- Navy (#38335A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Tempered Lantern 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
- Tempered Mulberry color palette (#F7F3FF, #E7BCDB, #A06E95, #723963, #4F2D48)
- Hushed Denim color palette (#EDF7FF, #A8D1F0, #508CB1, #00547B, #0D3B54)
- Weathered Dune color palette (#FFF0F9, #D5D3FF, #9E91D8, #626399, #482A3A)
- Ash Corridor color palette (#F2F5FF, #DDD7E1, #D5ADA9, #7D8BBE, #4E5268)
- Aged Iris Balcony color palette (#F1F5FF, #8989C2, #538D75, #006D74, #363C50)
- Velvet Aubergine Bloom color palette (#EEE8FB, #7A51B3, #3D006C, #100025, #03000A)
- Hushed Aubergine Loft color palette (#F8D6FF, #B17ABF, #7E218C, #450053, #28002E)
- Pale Byzantium Alley color palette (#F9F2FF, #CD95ED, #8939B4, #5A007E, #38004E)
Browse the whole catalog at Explore, or see today's palette.