Sapphire Pier color palette — #E0EDFF · #165BE1 · #570056 · #001B69 · #050005

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

The five colors

• Frost (#E0EDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Royal Blue (#165BE1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#570056): A deep, shadowed, balanced pink — the color of neon signs at night.
• Deep Indigo (#001B69): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged duotone, vibrant.

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

• Eclipse Aubergine color palette (#D7E2ED, #006EAC, #450079, #002945, #01000E)
• Worn Amethyst Bloom color palette (#E3E8FE, #7A1FEE, #620030, #2F0066, #060002)
• Shadow Grape color palette (#F4E8CF, #6200D9, #530050, #1D1900, #130024)
• Pale Parlor color palette (#DBDEEC, #822CE7, #5B007A, #320030, #210011)
• Worn Coast color palette (#E2F3EF, #0086E3, #9A003D, #00477C, #060001)
• Byzantium Market color palette (#E6E9FF, #5F8AFF, #9038DA, #80005E, #11001B)
• Navy Archive color palette (#EAEFFB, #A4A7C4, #807A9B, #322678, #0D1324)
• Nightshade Pier color palette (#E7F0FE, #2100BA, #3D1800, #091100, #000203)

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