Tempered Sapphire color palette — #D9E9E9 · #8DB6DA · #0074D7 · #005473 · #0A1D41

Royal Blue takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D9E9E9): bright and airy, almost weightless.
• Sky (#8DB6DA): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0074D7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005473): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0A1D41): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Ancient Drift color palette (#DDEEEC, #75BED0, #0081A2, #00585E, #002332)
• Patina Cobalt Dune color palette (#FFF1F5, #AAD1F1, #5E73C7, #005151, #13002A)
• Faded Iris color palette (#F4EDE1, #96C6ED, #5791EB, #007992, #151945)
• Muted Archive color palette (#FBE9EF, #5BA6DF, #2D50A8, #003D44, #1E1644)
• Cerulean Meadow color palette (#E5FBF8, #64DDFD, #009AC5, #00717A, #003850)
• Weathered Teal color palette (#ECF8F5, #A4EAE5, #00B1B6, #008570, #004951)
• Antique Apricot Study color palette (#FFE6FB, #F4B19D, #EC8632, #A6495D, #31182C)
• Hushed Pier color palette (#FEDEF8, #DA0B10, #7D6700, #832790, #270403)

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