Tempered Sapphire color palette — #FFF0FD · #2D6AF0 · #9E4D00 · #4D4E00 · #1B2A4A
Built around Royal Blue, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Royal Blue (#2D6AF0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ochre (#9E4D00): A full-bodied, balanced gold — the color of honey in a jar.
- Deep Olive (#4D4E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#1B2A4A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, 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
- Indigo Delta color palette (#FFF0F9, #6755F7, #915700, #3D5300, #3D2033)
- Gentle Cornflower Basin color palette (#FEEAFF, #007AE8, #816800, #594700, #00132E)
- Hazy Terracotta color palette (#D8FFF3, #268ED7, #9F1A00, #564A00, #0A2E48)
- Lapis Atelier color palette (#FFF0FA, #4C50EE, #764100, #204600, #012815)
- Hushed Iris Grove color palette (#EFF6FF, #5990FF, #AB7E00, #835F00, #1B2C44)
- Dusty Violet Terrace color palette (#FFF1F6, #9857D6, #9D2D00, #2D4900, #003645)
- Soft Ultramarine Lagoon color palette (#EFD5E7, #4854BD, #754700, #2B3F00, #281222)
- Gentle Byzantium color palette (#FFF1F5, #984FC3, #726800, #00583B, #362143)
Browse the whole catalog at Explore, or see today's palette.