Tempered Sapphire color palette — #CDEDFF · #85C1F1 · #5A91DD · #4E61B3 · #3C3E6A
A conversation between Royal Blue and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Frost (#CDEDFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#85C1F1): A luminous, balanced blue — the color of deep harbor water.
- Cornflower (#5A91DD): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#4E61B3): A full-bodied, balanced violet — the color of wild irises.
- Navy (#3C3E6A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, 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
- Weathered Summit color palette (#DAF6FF, #73D0E5, #1EA5D3, #0076AF, #2B4F70)
- Powdered Violet Coast color palette (#D6E7FF, #ACB8FA, #8D82DD, #8157B5, #593E66)
- Denim Corridor color palette (#F0F5FF, #C1CCFF, #7988D4, #4B52A3, #2A2A57)
- Tempered Market color palette (#EAF8FF, #A7D7FF, #6CA8F7, #5F6FA4, #553649)
- Pale Cornflower Summit color palette (#EFF6FF, #9CB7EF, #C0A14E, #527CD7, #524008)
- Periwinkle Boulevard color palette (#F0F5FF, #DED6E4, #F2B5C5, #71A1CD, #40485F)
- Lucid Veranda color palette (#D9E6F4, #6898FF, #695DFF, #5C00CB, #40006D)
- Faded Ultramarine color palette (#D0E9FE, #137CDF, #0B27DF, #330091, #170036)
Browse the whole catalog at Explore, or see today's palette.