Sapphire Atelier color palette — #BCEAFF · #7FCBFC · #4FA5F2 · #1D74EA · #161984

Built around Sapphire, softened by Indigo — the whole palette hums with trust and stability.

The five colors

• Frost (#BCEAFF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7FCBFC): A luminous, balanced blue — the color of deep harbor water.
• Cornflower (#4FA5F2): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#1D74EA): A full-bodied, vivid blue — the color of deep harbor water.
• Indigo (#161984): A deep, shadowed, vivid violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged cool.

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

• Hazy Delta color palette (#AEF3FF, #7BD3EE, #32A9D9, #007DBC, #00315F)
• Faded Bloom color palette (#C8E9E6, #54C1D8, #2C88CC, #3844B4, #380372)
• Iris Courtyard color palette (#EEF6FF, #BBD5FF, #93AAF2, #7A7BDF, #402C7C)
• Faded Violet Veranda color palette (#CFE2FF, #AFC1FC, #9395EF, #7E58E4, #3F006A)
• Gentle Quarry color palette (#D1E3EF, #54A4EE, #3B75E3, #331FE5, #120046)
• Iris Market color palette (#F7E9FB, #80C2F3, #6C95EA, #A15491, #18324C)
• Muted Azure color palette (#D7EAFC, #35A2EF, #4C6381, #273F54, #040F17)
• Pale Summit color palette (#E8ECFF, #ABAEFF, #9D78FF, #9400F4, #3F0057)

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