Tempered Sapphire color palette — #EBF3FF · #1171F5 · #6A0FA3 · #480028 · #000202
A conversation between Royal Blue and Plum, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EBF3FF): a clean, paper-quiet neutral.
- Royal Blue (#1171F5): A full-bodied, vivid blue — the color of deep harbor water.
- Plum (#6A0FA3): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#480028): A deep, shadowed, balanced rose — the color of strawberry cream.
- Black (#000202): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged 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
- Pale Indigo color palette (#EDF2FF, #6662EF, #81007D, #4C000C, #000204)
- Grape Loft color palette (#E8F4FF, #0083BE, #4F00C8, #42003C, #060000)
- Smoked Aubergine Studio color palette (#CFE8DD, #006084, #590262, #2D1100, #000500)
- Feathered Lapis color palette (#D7E7FF, #6D8FFF, #472DF9, #320099, #100031)
- Powdered Orchid Lantern color palette (#F1F1FF, #9F52C3, #8F0046, #3E1800, #000108)
- Denim Lagoon color palette (#D5E3F2, #0062A7, #000A3C, #090B13, #000104)
- Feathered Garnet Studio color palette (#DCE2F2, #9FA0D4, #7A5C9B, #682032, #310103)
- Powdered Ridge color palette (#EDF7FF, #50D6FF, #5EB8FF, #3C61F6, #00030A)
Browse the whole catalog at Explore, or see today's palette.