Tempered Sapphire color palette — #F2E5E9 · #88BADE · #3C67BD · #004A51 · #140F31

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F2E5E9): a clean, paper-quiet neutral.
• Sky (#88BADE): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3C67BD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#140F31): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Patina Cabin color palette (#F7EDE3, #8BB8D7, #4561B7, #00504D, #322352)
• Petrol Balcony color palette (#F3E4EF, #75C2C6, #007793, #004E35, #00182A)
• Aged Cobalt color palette (#F4EEE4, #9FCAEC, #5D88C4, #00697D, #212A53)
• Softworn Cerulean Orchard color palette (#F3E1EA, #0098C0, #004C7F, #002C29, #01001E)
• Washed Grape Drift color palette (#D3F1E9, #729F21, #6E3FA6, #365000, #19052F)
• Antique Loft color palette (#FBEAF6, #00898E, #004353, #002113, #000103)
• Patina Turquoise color palette (#CFFCEE, #82E6B9, #0FB7C3, #6A5505, #002421)
• Aubergine Lagoon color palette (#BFE9DE, #638C22, #602B95, #771A4B, #000E0B)

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