Sapphire Atelier color palette — #EFE8E0 · #88B9E5 · #4864BD · #004A54 · #170B37

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EFE8E0): bright and airy, almost weightless.
• Sky (#88B9E5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#4864BD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#170B37): 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

• Tempered Petrol color palette (#E9F1E7, #94B5D5, #5461AA, #004F52, #36224E)
• Patina Petrol Station color palette (#F4E6DF, #66C4CF, #007699, #004D3A, #00172D)
• Hushed Canyon color palette (#E7F2E9, #A4C8EC, #5A83D7, #006882, #252758)
• Weathered Wisteria Atelier color palette (#C9EFE5, #C1BDFF, #C78CC5, #006D7F, #260D22)
• Powdered Courtyard color palette (#D0E4E7, #008FB5, #00568F, #092D77, #140D3D)
• Muted Navy Courtyard color palette (#F2E5DA, #2596C3, #004989, #002C2B, #02001C)
• Soft Sapphire Lagoon color palette (#D6E4F8, #0065D6, #825200, #624700, #000921)
• Ancient Pier color palette (#EEDEEF, #0081E2, #915F00, #004782, #1C0F00)

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