Tempered Hollow color palette — #EFF1FF · #C1A4FF · #7C788B · #52545F · #1F2227
A conversation between Lavender and Slate, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#EFF1FF): a clean, paper-quiet neutral.
- Lavender (#C1A4FF): A luminous, balanced violet — the color of a velvet chair.
- Slate (#7C788B): A full-bodied, dusty violet — the color of wild irises.
- Charcoal Brown (#52545F): quiet, heavy and certain.
- Onyx (#1F2227): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered Hollow 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
- Weathered Grove color palette (#F5EFFB, #F98ECA, #867588, #58515E, #222126)
- Dusty Lilac Quarry color palette (#EEF1FF, #A386EC, #5D5369, #353742, #1E2227)
- Quiet Magenta color palette (#ECE9FF, #E25BFF, #81596F, #423E57, #10111B)
- Muted Mallow color palette (#F3F4FF, #E9C6FF, #D7A1D9, #AD829F, #56485F)
- Driftwood Boulevard color palette (#F9E8EF, #8A76B1, #4C333A, #27191F, #110A0E)
- Tempered Pier color palette (#F2F5FF, #E5D3E8, #D2B6C8, #8EA197, #37514D)
- Magenta Loft color palette (#E1DAF2, #E400D9, #734255, #322C3E, #04040B)
- Worn Grove color palette (#EAF9F2, #CEE8BA, #8BC2BD, #8C9CAD, #3C524D)
Browse the whole catalog at Explore, or see today's palette.