Tempered Sapphire color palette — #E3F2FF · #77B9FF · #4492FF · #2F66EC · #202774
Royal Blue and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#E3F2FF): A whisper-light, dusty blue — the color of open sky before noon.
- Sky (#77B9FF): A luminous, balanced blue — the color of open sky before noon.
- Azure (#4492FF): A luminous, vivid blue — the color of a favorite pair of jeans.
- Royal Blue (#2F66EC): A full-bodied, vivid violet — the color of wild irises.
- Navy (#202774): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
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
- Antique Cornflower Pier color palette (#D2F1FA, #14A7FC, #087AF2, #4740C1, #3E246F)
- Sunlit Studio color palette (#E9ECFF, #BBC3FF, #8C8FFF, #5756D5, #19005A)
- Gentle Atelier color palette (#E7ECFF, #A2A4FF, #8F7AFF, #7D4ED6, #3F1964)
- Iris Lantern color palette (#F2F4FF, #EAD3EB, #F2B3DD, #7395EC, #3A365C)
- Sky Drift color palette (#D1EFF4, #00C3E6, #00A0C7, #007AA6, #003B5A)
- Weathered Aubergine color palette (#DFF0F3, #0099C5, #005DC1, #370098, #240040)
- Feathered Cornflower color palette (#D6E5FF, #96B2FF, #FF6F96, #577BFF, #5A0025)
- Lapis Coast color palette (#D9E2F5, #5466FF, #4737D4, #3B2295, #08001E)
Browse the whole catalog at Explore, or see today's palette.