Tempered Sapphire color palette — #E9F8FF · #00AEC7 · #3470E2 · #732F98 · #003B26
Sapphire and Plum set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Cyan (#00AEC7): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#3470E2): A full-bodied, vivid violet — the color of twilight just after sunset.
- Plum (#732F98): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Forest (#003B26): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Ancient Studio color palette (#ECF7FF, #00A8E9, #6D64D6, #85257E, #003932)
- Powdered Market color palette (#E3FAFF, #00B3A7, #0082B1, #4643AC, #253700)
- Softworn Ultramarine color palette (#CCE6F2, #0097AC, #2B5CC1, #5C2276, #00271A)
- Byzantium Hollow color palette (#DAE9FF, #4386FF, #8C3ABB, #850044, #002A30)
- Washed Basin color palette (#EBF7FF, #47B2DC, #767BB3, #47692D, #00423C)
- Powdered Lagoon color palette (#D1E5F8, #007AC0, #5C33A7, #5D0044, #001616)
- Sunlit Drift color palette (#C5E9F3, #1CC8F6, #009AC8, #0070A2, #004168)
- Misty Ultramarine Orchard color palette (#E3FBF7, #46922E, #2348C9, #781200, #313400)
Browse the whole catalog at Explore, or see today's palette.