Tempered Sapphire color palette — #F1E4DA · #66AACE · #396FD4 · #005E56 · #0B0026

Royal Blue takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F1E4DA): bright and airy, almost weightless.
• Cyan (#66AACE): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#396FD4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Pine (#005E56): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#0B0026): A deep, shadowed, dusty violet — the color of wild irises.

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

• Tempered Villa color palette (#EEDED8, #69ADB5, #007EAE, #00613A, #000428)
• Ancient Harbor color palette (#EEE1D6, #71B9E9, #4F75FC, #006D6A, #190733)
• Denim Cabin color palette (#E5F2E8, #529CC3, #005A9B, #003A42, #00022D)
• Powdered Azure color palette (#EEE2DB, #84CDE0, #1598ED, #008062, #141849)
• Chalky Pier color palette (#E0E8DB, #05C1D5, #7190FF, #4F7200, #000D0F)
• Ancient Navy color palette (#F1DDE6, #48809E, #003A77, #001F20, #01000B)
• Worn Lagoon Bloom color palette (#D0EFEF, #00A59B, #007773, #003F3F, #000202)
• Ancient Field color palette (#DEE8D5, #009470, #CF0055, #00644A, #130003)

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