Tempered Sapphire color palette — #FFF1F6 · #71C2EF · #145BF5 · #005650 · #362367
A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Sky (#71C2EF): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#145BF5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
- Royal Purple (#362367): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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
- Powdered Cobalt color palette (#FFF0F9, #77C5D9, #0073B5, #005842, #21296E)
- Airy Ultramarine color palette (#F6E8ED, #72A5C9, #314AB4, #003E3D, #24143F)
- Weathered Cornflower color palette (#E8FBEB, #8ED4FF, #178EF3, #00707F, #1A2E66)
- Weathered Violet color palette (#E5E3F5, #875DFF, #00651C, #004C40, #251B47)
- Worn Tangerine color palette (#F2F4FF, #FFB5EA, #FA6F48, #005FA2, #432C52)
- Antique Cerulean color palette (#F9F3FA, #C0E3ED, #2C98B6, #3E7040, #314A63)
- Frosted Periwinkle color palette (#FFF3E8, #B0E1FF, #71ACFF, #00979C, #292966)
- Tempered Iris color palette (#FAF3F5, #DADDEE, #8895D0, #2E7C7E, #4F5164)
Browse the whole catalog at Explore, or see today's palette.