Tempered Sapphire color palette — #E9F6EB · #87C2F4 · #1868E6 · #004F61 · #101143

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Sky (#87C2F4): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#1868E6): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#004F61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#101143): 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

• Petrol Coast color palette (#E3EBE5, #91B9D4, #0071B0, #004A50, #021434)
• Muted Sapphire color palette (#FFF3E6, #6DC0FF, #4C60D2, #005556, #3B245C)
• Ancient Cerulean Corridor color palette (#EAF5EC, #99DCEF, #008EC1, #006261, #002645)
• Sunlit Cornflower color palette (#FFF4E2, #9BD1FF, #3E87FF, #006F87, #262B64)
• Quiet Garden color palette (#BDFDFF, #87DFFF, #49A5FF, #007358, #00262B)
• Cerulean Workshop color palette (#D9E7DC, #229AAF, #00516B, #002C29, #00050C)
• Tempered Parlor color palette (#9BF9FF, #00B0BF, #006E76, #00373C, #000B0D)
• Wandering Turquoise color palette (#EEF4EF, #CCDFF1, #54ABBA, #317A65, #263944)

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