Tempered Sapphire color palette — #FFF1F6 · #77C1F0 · #1465DE · #00555A · #2C2372

Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#77C1F0): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#1465DE): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#00555A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#2C2372): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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

• Patina Studio color palette (#F7EAF2, #8FB8CF, #206DA3, #00504A, #1B2B54)
• Cobalt Harbor color palette (#FEF1FA, #94DBEA, #178ABB, #006857, #153F74)
• Worn Periwinkle color palette (#FFF3E8, #B3E0FF, #77AAFF, #00969F, #2D2B5F)
• Tempered Pine Thicket color palette (#D5FFFA, #6DE1FF, #7BA5FF, #187417, #00454D)
• Timeworn Cypress color palette (#FAF3F7, #D3D7EC, #6BA4AF, #507A5D, #3D5668)
• Denim Summit color palette (#F6E8F2, #5B9BA3, #00516B, #003124, #00142A)
• Feathered Loft color palette (#D5EBCC, #00A96F, #007B69, #004F4C, #003942)
• Feathered Alley color palette (#D8F1F0, #008280, #B7005A, #9C0027, #002B2A)

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