Tempered Sapphire color palette — #F0E7E0 · #82BBE2 · #2B65CC · #004A50 · #130D37

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

The five colors

• Parchment (#F0E7E0): bright and airy, almost weightless.
• Sky (#82BBE2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#2B65CC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#130D37): A deep, shadowed, dusty violet — the color of wild irises.

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

• Petrol Alley color palette (#F1E7E2, #80C0C9, #00759B, #004D3C, #00162F)
• Dusty Field color palette (#FCE8F0, #98CBEF, #5C85CF, #006B72, #292850)
• Patina Wisteria Atelier color palette (#D3F9ED, #C0C6F5, #C38BCA, #006B7A, #251125)
• Sunlit Cerulean color palette (#C4EAED, #0095B8, #006088, #003165, #090E37)
• Aged Canyon color palette (#F4E4DB, #4295B3, #004D7E, #002C29, #01001E)
• Tempered Drift color palette (#D5E7DF, #0089C0, #896400, #004C6D, #1A1000)
• Misty Ultramarine color palette (#D3E3FB, #5490E2, #0041C9, #00255F, #000410)
• Cerulean Coast color palette (#F8F0EC, #B5D0B2, #008B9F, #145E36, #00281C)

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