Tempered Sapphire color palette — #F8EFF6 · #E3D1D2 · #DBB2C1 · #3E64C3 · #2E202C

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

The five colors

• Blush (#F8EFF6): bright and airy, almost weightless.
• Silver (#E3D1D2): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#DBB2C1): A luminous, dusty rose — the color of pressed rose petals.
• Royal Blue (#3E64C3): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#2E202C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Dusty Byzantium Boulevard color palette (#FBEEF1, #E6D2CA, #DDB4B0, #84529F, #302024)
• Denim Meadow color palette (#EEE7EB, #DAC5CE, #B89BA2, #464E8D, #1F101B)
• Timeworn Petrol color palette (#EEF6FF, #DED6E7, #BFB6D5, #426CA2, #35414F)
• Petrol Basin color palette (#ECF4EF, #C3DDDF, #D3B3D3, #00788E, #1A2920)
• Periwinkle Archive color palette (#FAF2FA, #E7D7D7, #ADB5A9, #5592E8, #3D303D)
• Smoked Amethyst color palette (#F7DCE8, #7543D8, #3B1944, #1E0714, #070205)
• Weathered Driftwood color palette (#F8EFF0, #DDD5D0, #B1B0A2, #A0728E, #3B3434)
• Dusty Indigo color palette (#FFEBF8, #6E6BFA, #AB0034, #393D00, #001C21)

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