Tempered Sapphire color palette — #DDF0F3 · #03A6E7 · #0B6AE5 · #472AB3 · #411E5E
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#DDF0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cornflower (#03A6E7): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#0B6AE5): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Indigo (#472AB3): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#411E5E): 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
- Nightshade Harbor color palette (#D2F6F5, #00ADC2, #0081BE, #2832C5, #2F1B5F)
- Gentle Sapphire Grove color palette (#B6F5FF, #34B9FE, #4163E8, #473D92, #250938)
- Ancient Grape color palette (#C7E4ED, #68B3ED, #5C7BE0, #6943AD, #552E5A)
- Faded Lapis Balcony color palette (#C4E4F6, #4086E5, #5B3BE4, #5C009B, #390038)
- Dusty Cornflower color palette (#D6EFFF, #5EB4FF, #3A8AFF, #5563BF, #29204E)
- Muted Nightshade color palette (#E1E6FF, #9D9EEF, #6964DD, #3B1FA7, #140043)
- Wandering Aubergine Hollow color palette (#D3E3F1, #7C9BF2, #7759E6, #7D00A1, #4B0F38)
- Pale Grape Station color palette (#E4EEFA, #626CDC, #7700B4, #54005A, #260011)
Browse the whole catalog at Explore, or see today's palette.