Tempered Sapphire color palette — #FFF3E7 · #78C0F1 · #3368CB · #00555B · #2E2271
Royal Blue takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Sky (#78C0F1): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#3368CB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
- Royal Purple (#2E2271): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Petrol color palette (#FFF2EC, #7BC5D5, #0077A6, #005749, #00306B)
- Tempered Meadow color palette (#E0F7F6, #81C3F2, #0075C5, #004E66, #00183D)
- Hazy Cornflower Delta color palette (#F2F8E5, #A5D1F1, #1690EE, #006D8E, #00306D)
- Nightshade Courtyard color palette (#EDE2D7, #7DA3C6, #324DAE, #003D45, #201444)
- Worn Periwinkle color palette (#FFF1F6, #B6E0FF, #7CA9FF, #0096A2, #2F2863)
- Cerulean Veranda color palette (#EEDCD4, #489DAB, #00516D, #003126, #00142D)
- Tempered Alley color palette (#FDF3EE, #CBE4CD, #5694A8, #287153, #295045)
- Plum Ridge color palette (#F2D9DD, #CF0059, #007468, #005E63, #49001A)
Browse the whole catalog at Explore, or see today's palette.