Tempered Sapphire color palette — #DFF3FF · #2699FC · #3B65FF · #553EA3 · #2E0D3F
Built around Sapphire, softened by Cornflower — the whole palette hums with trust and stability.
The five colors
- Frost (#DFF3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#2699FC): A luminous, vivid blue — the color of deep harbor water.
- Sapphire (#3B65FF): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#553EA3): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#2E0D3F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
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
- Pale Summit color palette (#CBE4EA, #00A9E7, #0073E1, #3850AD, #201046)
- Violet Villa color palette (#E2EFFF, #7992FF, #8258F4, #703795, #32083A)
- Sunlit Ultramarine Summit color palette (#DDEBFD, #3A80FF, #314FED, #2C2F8D, #1E1951)
- Chalky Sapphire Terrace color palette (#D9EAEF, #0DA6F8, #385BD9, #440086, #1A001E)
- Violet Corridor color palette (#DFE0F8, #AD96FF, #8F66ED, #543B99, #0A0027)
- Chalky Cabin color palette (#D7E5FF, #96A9FF, #A19103, #3F46D0, #1F1B00)
- Nightshade Loft color palette (#E2F1FF, #2668C3, #1629C6, #220068, #14002C)
- Cornflower Thicket color palette (#F2E0C7, #00BCBE, #4C77E6, #263559, #020711)
Browse the whole catalog at Explore, or see today's palette.