Tempered Sapphire color palette — #F8ECE2 · #78BAE3 · #3F61BD · #00504D · #30254D

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

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Sky (#78BAE3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3F61BD): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#30254D): A deep, shadowed, dusty 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 Coast color palette (#F9EBE5, #5AC3CF, #00719D, #005331, #182C54)
• Antique Cobalt Meadow color palette (#DAEEED, #8CBADA, #116FB3, #00485D, #001534)
• Hushed Cobalt Coast color palette (#ECF1E3, #9DCBEB, #4C8BC5, #006785, #0B2D58)
• Feathered Balcony color palette (#FFF2EC, #81E0EA, #008ABC, #066A3F, #243E6E)
• Hazy Denim color palette (#F2E6DE, #329DBC, #004B85, #003127, #0F0441)
• Periwinkle Studio color palette (#F8EAF0, #ACDAFA, #7AA4EC, #008F98, #28255A)
• Aged Cerulean color palette (#FEF2ED, #C5E6CF, #5B91B6, #3C6E58, #554051)
• Taupe Delta color palette (#FFE6E5, #FFB99B, #A59E58, #6A4D7D, #3D3633)

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