Tempered Sapphire color palette — #E7F9F9 · #93BCE5 · #266BC8 · #005072 · #102879

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7F9F9): a clean, paper-quiet neutral.
• Sky (#93BCE5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#266BC8): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005072): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#102879): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Antique Cobalt color palette (#EBF8F8, #B1C8DD, #427BBA, #005B7A, #253A5F)
• Powdered Ultramarine color palette (#EFF6FF, #B9BFFF, #AC89F1, #0065BA, #212B69)
• Wandering Field color palette (#E9F6E8, #7FC1FF, #3F5AF8, #00505B, #1D0845)
• Periwinkle Lantern color palette (#F1F8E7, #BEDDFF, #75ABFF, #008ECA, #1C2D67)
• Ancient Cornflower color palette (#FFF3E5, #9FD0FF, #607FFF, #007080, #352660)
• Aged Aubergine color palette (#E0F3FF, #0093DB, #006AAD, #003F83, #340C71)
• Wandering Byzantium Studio color palette (#D9E9FC, #006FD4, #9B06B4, #00605A, #00234B)
• Soft Cornflower Loft color palette (#D3E7FE, #0585ED, #008648, #004F91, #00381B)

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