Sapphire Pier color palette — #DAE4EF · #4D93FF · #4169FC · #4046A9 · #161345

Sapphire and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DAE4EF): bright and airy, almost weightless.
• Azure (#4D93FF): A luminous, vivid blue — the color of a favorite pair of jeans.
• Sapphire (#4169FC): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#4046A9): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#161345): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Sapphire Pier 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 Atelier color palette (#DBF1FF, #069CEE, #0081E0, #0458B4, #0B1B4A)
• Frosted Violet color palette (#E7EBF9, #8288FF, #7958F5, #623FAB, #260E45)
• Soft Ultramarine color palette (#DEEAF4, #489FFF, #3E52D3, #301184, #0D0023)
• Timeworn Lagoon color palette (#CEEDFF, #0089E6, #244BE5, #41238C, #2D0D45)
• Worn Violet color palette (#DFDFED, #A99BFF, #8464F5, #543A9B, #090021)
• Rose Archive color palette (#F9DDEF, #868EFF, #F73B5F, #5B57E6, #39000C)
• Nightshade Lantern color palette (#D6EFF6, #0074B3, #002EB2, #27006A, #140019)
• Frosted Raspberry color palette (#E5E4FF, #8771FF, #DE2F91, #00829E, #110B2C)

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