Tempered Sapphire color palette — #F7EFF5 · #EAD1CD · #E0B2B1 · #4D62BD · #2B2129

Built around Royal Blue, softened by Rosewood Mist — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Bone (#EAD1CD): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#E0B2B1): A luminous, dusty red — the color of late-summer berries.
• Royal Blue (#4D62BD): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#2B2129): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Aged Alley color palette (#FCF2F8, #F1D3D1, #D4B2B9, #5F63A3, #4A3A44)
• Petrol Thicket color palette (#EBF4EF, #E6D6DA, #DDB1C3, #007794, #1A2921)
• Tempered Bloom color palette (#F9EFF1, #E8D4C6, #DBB6A3, #8E4A9F, #2F2024)
• Aged Hollow color palette (#EEE7EB, #D7C7CA, #BB9B96, #4D4A90, #1F101A)
• Muted Loft color palette (#F2F5FB, #DED9E2, #C1B5AE, #8287E2, #2F3544)
• Muted Driftwood color palette (#F8F0EF, #DDD7CF, #ADB4A5, #9F7489, #3D3333)
• Worn Aubergine Workshop color palette (#EEE0E5, #C6ACAC, #A4867A, #5A1E86, #15050B)
• Byzantium Basin color palette (#FFE1EC, #8B2BD8, #4C0A2F, #220312, #070206)

Browse the whole catalog at Explore, or see today's palette.