Tempered Sapphire color palette — #CDE9E9 · #00C4DF · #0095E9 · #1D56F2 · #3C256E
A conversation between Royal Blue and Azure, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDE9E9): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00C4DF): A luminous, balanced blue — the color of deep harbor water.
- Azure (#0095E9): A luminous, vivid blue — the color of a favorite pair of jeans.
- Royal Blue (#1D56F2): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#3C256E): 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
- Patina Summit color palette (#C9E9F0, #1ABCFC, #5691FF, #683FED, #401460)
- Timeworn Cobalt color palette (#CCEFE2, #00C7C9, #00A4D4, #0073C5, #25276C)
- Ultramarine Study color palette (#DBE7FF, #9AC5FF, #589AFF, #1F4FF7, #000960)
- Patina Lantern color palette (#C7F5FF, #33C7FA, #008DD5, #004892, #0A185F)
- Worn Coast color palette (#C4E8F6, #84C6FF, #859CFF, #8F61E9, #5C2B59)
- Marigold Villa color palette (#C1F1E3, #6EBCFF, #F09D20, #0083D2, #422700)
- Ultramarine Lantern color palette (#D2EEF3, #0081BB, #252FFD, #3A0CA8, #0F0018)
- Chalky Mint Study color palette (#DCF1D7, #00CD96, #00ADAE, #007A91, #00385A)
Browse the whole catalog at Explore, or see today's palette.