Tempered Sapphire color palette — #F2F5FB · #DFD6E3 · #C4B4D4 · #435BD6 · #38404E
A conversation between Royal Blue and Mauve, giving this palette its sense of creativity and energy.
The five colors
- Ivory (#F2F5FB): bright and airy, almost weightless.
- Silver (#DFD6E3): A whisper-light, dusty pink — the color of a candy shop window.
- Mauve (#C4B4D4): A luminous, dusty violet — the color of a velvet chair.
- Royal Blue (#435BD6): A full-bodied, vivid violet — the color of a velvet chair.
- Charcoal (#38404E): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Energy, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered Sapphire 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 Denim color palette (#F3F5FB, #DFD6DE, #BCAEBF, #655898, #373A45)
- Velvet Grape Pier color palette (#DFE0EF, #7E45BD, #431A2F, #1E0E31, #0B030E)
- Aged Driftwood Boulevard color palette (#F7F4FA, #E1D8DA, #B0ACA2, #A66E8A, #555059)
- Aubergine Studio color palette (#DEDEE9, #BCB6C3, #9A8798, #5B198E, #1D1E2C)
- Driftwood Atelier color palette (#C3EDFF, #9EADD9, #A66C93, #006866, #034B5F)
- Ancient Mulberry color palette (#F7F3FF, #DDCCDE, #C199AD, #951A81, #372D46)
- Tempered Mulberry color palette (#ECF7FF, #0088BB, #9F006C, #004D2B, #00354C)
- Grape Corridor color palette (#D4FFFF, #0098D0, #7C3EA3, #005334, #1D345F)
Browse the whole catalog at Explore, or see today's palette.