Tempered Sapphire color palette — #EBFAEE · #7CBFF3 · #0066DF · #005364 · #222A6A

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

The five colors

• Ivory (#EBFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#7CBFF3): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0066DF): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005364): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#222A6A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Weathered Orchard color palette (#E6F2E8, #7BBBD7, #006EA8, #004F54, #142E51)
• Gentle Sapphire color palette (#FFECF2, #73C4FF, #4862E2, #005151, #230344)
• Washed Ultramarine color palette (#E5F1E7, #70A3D6, #1848C4, #003B4C, #191746)
• Hazy Cornflower Meadow color palette (#FFF3E7, #96D3FF, #6282F7, #007271, #3A2360)
• Cerulean Workshop color palette (#EEF8F0, #86DDF3, #008BB9, #006763, #104369)
• Powdered Lagoon color palette (#F2F8E7, #B8DFFF, #63AFFF, #0091BE, #002D73)
• Softworn Orchard color palette (#E3ECE4, #2D9FB2, #005169, #00302C, #001626)
• Worn Alley color palette (#F1F7F2, #CEE2F6, #4FA8B6, #387D66, #415662)

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