Tempered Studio color palette — #F3F4FF · #B188DB · #464358 · #1C1C2F · #04050B
Built around Wisteria, softened by Midnight — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Wisteria (#B188DB): A luminous, balanced violet — the color of twilight just after sunset.
- Charcoal (#464358): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Midnight (#1C1C2F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#04050B): quiet, heavy and certain.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered Studio 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
- Washed Lilac color palette (#E1E3F5, #BB96EC, #766889, #46485C, #15181F)
- Ancient Studio color palette (#FAE2EA, #8B56C3, #43292A, #1D1216, #0A0508)
- Hazy Peony Grove color palette (#FBF1FF, #EC508A, #5A2B30, #2D0213, #030007)
- Misty Pier color palette (#F8F2FF, #E6A2CD, #E19570, #7C8BDC, #31243F)
- Charred Station color palette (#F0EBFF, #CC00CB, #4A1038, #130013, #010006)
- Nocturne Villa color palette (#F2DEF3, #BF475D, #411411, #1A0B04, #0A000C)
- Inked Aubergine color palette (#E1DFED, #770094, #6B310D, #220E0F, #0F000E)
- Midnight Corridor color palette (#F0DFEB, #AC2600, #383630, #230A00, #040000)
Browse the whole catalog at Explore, or see today's palette.