Tempered Sapphire color palette — #FFF3E9 · #83C1E2 · #006CCF · #005557 · #262A68

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#83C1E2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#006CCF): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#262A68): 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

• Petrol Basin color palette (#FFF2EC, #5CCAD6, #00799C, #005842, #00345D)
• Dusty Cobalt Quarry color palette (#E2F7F5, #90C3E0, #0079B5, #004F60, #001B34)
• Powdered Azure color palette (#F4F7EA, #97D4F5, #0095DD, #006F86, #00345D)
• Washed Denim color palette (#F1E3D7, #7CA4C0, #2A549D, #003D41, #1B1646)
• Soft Wisteria color palette (#ECF7FF, #BFCDFF, #C48BD7, #006B72, #0E3560)
• Periwinkle Canyon color palette (#DFEDFF, #379AFE, #005DA1, #002F66, #001E37)
• Worn Quarry color palette (#D3E8E7, #00A4B6, #006D8D, #00417C, #021F7A)
• Periwinkle Boulevard color palette (#FFF1F7, #ACE2FF, #68AEFF, #009798, #25296A)

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