Tempered Sapphire color palette — #DDF5F7 · #00ACDF · #2F67E4 · #4D3EA9 · #4B2A6D
Royal Blue takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DDF5F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#00ACDF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#2F67E4): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#4D3EA9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Royal Purple (#4B2A6D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged 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
- Quiet Indigo color palette (#AEE9FF, #47A8FF, #5D5DDE, #5D28A2, #5F235E)
- Worn Ultramarine color palette (#C8E9F1, #0091D8, #2D4ABD, #471F8A, #3E1949)
- Airy Lapis color palette (#C4E7F9, #66BFFF, #2782FB, #3D43E3, #3C327F)
- Patina Market color palette (#CDF7FE, #5ED0FF, #629FFF, #7766E9, #4E3370)
- Sunlit Nightshade Terrace color palette (#72F8EF, #00A7C8, #007EAE, #2F43A9, #39336F)
- Nightshade Boulevard color palette (#DCF4FF, #1B9FEF, #0065CE, #210CBB, #1E0F60)
- Weathered Lapis Station color palette (#F3F4FF, #929AFF, #5A4DC8, #2C248D, #1C0F5F)
- Soft Indigo Atelier color palette (#C8E1FF, #9BA7EC, #8067B5, #73427C, #60344B)
Browse the whole catalog at Explore, or see today's palette.