Sapphire Atelier color palette — #F8F1E5 · #7DC4F4 · #0070D4 · #00505D · #091049

A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sky (#7DC4F4): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0070D4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#00505D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#091049): A deep, shadowed, balanced 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 Sapphire Atelier 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

• Sapphire Balcony color palette (#FFF1F6, #63C3FA, #3863D6, #005652, #382167)
• Aged Aqua Hollow color palette (#FBF0DF, #56CEE3, #007DA0, #00524C, #001C2F)
• Cobalt Quarry color palette (#F6F1E9, #A8D2C1, #3C80BF, #005A65, #30152E)
• Muted Ultramarine color palette (#F6EEE1, #7AA1C2, #1A52AE, #003745, #05032A)
• Hushed Pier color palette (#E9FBEC, #93D3FF, #3C8DEA, #007082, #1B2B6E)
• Cerulean Ridge color palette (#F2E8D9, #4098A4, #005266, #002C27, #00050B)
• Aged Loft color palette (#F2E3FD, #A207E5, #8B5700, #005F5B, #180126)
• Softworn Turquoise color palette (#F5F1EB, #C5E7DB, #63A9B1, #427861, #263C30)

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