Tempered Sapphire color palette — #B1F1FF · #10BEFA · #006FE0 · #4D358E · #2B103A
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#B1F1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#10BEFA): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006FE0): A full-bodied, vivid blue — the color of open sky before noon.
- Indigo (#4D358E): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#2B103A): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, 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
- Hushed Indigo Garden color palette (#D6F4FF, #72AFFF, #636DF2, #5F3586, #350C3A)
- Gentle Navy color palette (#78FAFA, #00C8ED, #0081BE, #213F90, #231043)
- Aged Cornflower color palette (#E2F1FF, #54AAFF, #3888F9, #3C63C5, #222B65)
- Patina Iris color palette (#E8F8FF, #83CAFF, #748CF2, #685099, #391F3E)
- Quiet Nightshade Balcony color palette (#DEF0F5, #1B92D2, #0060B4, #2F1CB0, #39205D)
- Weathered Indigo color palette (#F2F4FF, #B2B8FF, #5B66D9, #2E277E, #050021)
- Navy Dune color palette (#D9E7F3, #3F88D0, #0054B7, #0E0598, #0B0549)
- Lapis Summit color palette (#D3E2ED, #3B90FF, #5540E4, #470068, #130012)
Browse the whole catalog at Explore, or see today's palette.