Tempered Sapphire color palette — #D9EEF5 · #08C0F3 · #009CE1 · #006BCD · #13276A
Royal Blue and Cornflower set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D9EEF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#08C0F3): A luminous, balanced blue — the color of deep harbor water.
- Cornflower (#009CE1): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006BCD): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Navy (#13276A): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Lapis Boulevard color palette (#D8E6EF, #6AB8FF, #4588FF, #4555D6, #312777)
- Dusty Harbor color palette (#D4F1EF, #00B2D7, #0086C9, #2045C3, #412074)
- Wandering Ultramarine color palette (#B8F8FF, #34CBFB, #0088C1, #093BD3, #140062)
- Azure Station color palette (#C1E8FA, #009AD6, #00649B, #00406F, #001B40)
- Wandering Loft color palette (#D7F8F3, #00C7CD, #00A4B5, #007A9A, #003C56)
- Patina Sapphire color palette (#E0EBFF, #A8C5FF, #6D99FF, #0D61D4, #001640)
- Sunlit Iris color palette (#DFF0FF, #9BC1FF, #7E94FF, #7C6ED4, #442F67)
- Weathered Garden color palette (#D0E8FF, #72BBFF, #FB9622, #0082D7, #462400)
Browse the whole catalog at Explore, or see today's palette.