Tempered Sapphire color palette — #F2E1E8 · #7FBADB · #0070E2 · #00595B · #181942

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

The five colors

• Rose Water (#F2E1E8): A whisper-light, dusty rose — the color of a warm blush.
• Sky (#7FBADB): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0070E2): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#00595B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#181942): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Petrol Summit color palette (#EBE2E9, #80BDC5, #0080A6, #005B46, #00203D)
• Powdered Cobalt Lantern color palette (#FCF4E8, #A0D4F3, #2E7DC7, #00505A, #010039)
• Antique Denim Basin color palette (#DDE1D4, #5FA8D2, #005C92, #003C4C, #001F41)
• Iris Lagoon color palette (#F3E5D9, #99C7E1, #6991D9, #007E74, #21114A)
• Cerulean Lagoon color palette (#FFF0FB, #74DDEB, #009AC8, #00755B, #00345F)
• Muted Indigo Coast color palette (#E7EDFF, #6F5ADD, #786900, #006851, #110A2E)
• Dusty Ultramarine Bloom color palette (#DADDEF, #EDA5E2, #E77771, #4660B9, #26213D)
• Timeworn Grove color palette (#FBF3F5, #D8DDFA, #84A2EC, #258997, #3F4660)

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