Tempered Sapphire color palette — #F7E9EE · #68A8D2 · #4A6DD0 · #005D5A · #0D0023

A conversation between Sapphire and Cyan, giving this palette its sense of trust and stability.

The five colors

• Blush (#F7E9EE): bright and airy, almost weightless.
• Cyan (#68A8D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#4A6DD0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005D5A): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#0D0023): 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

• Cobalt Courtyard color palette (#F4E6F0, #42B2C1, #007DB1, #00613D, #00022C)
• Cornflower Loft color palette (#F2DAE1, #67B7FB, #6A79D7, #006C70, #1D0334)
• Tempered Denim color palette (#EAE1D3, #5A99C6, #0E56A7, #003A45, #03002E)
• Azure Garden color palette (#FEEAF4, #7DCDE9, #4A95E4, #007F6A, #191648)
• Wandering Iris Ridge color palette (#DAEBEC, #00BCE1, #8391F2, #567A3F, #000E14)
• Lagoon Studio color palette (#C6F3F5, #009FA3, #007474, #003E3F, #000202)
• Navy Dune color palette (#F3E6DB, #527E9D, #0C3286, #001F22, #01000A)
• Plum Field color palette (#BEE8F0, #009286, #CD0A5E, #006259, #130004)

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