Sapphire Pier color palette — #D9E8FF · #3B63FF · #4B235D · #0B173C · #000811

Royal Blue and Royal Purple set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#D9E8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#3B63FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#4B235D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#0B173C): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#000811): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Creativity, Energy, Balance. Tagged noir, dark, luxury, 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

• Linen Canyon color palette (#D4E2EF, #007BCE, #3F266B, #001C35, #00090F)
• Obsidian Drift color palette (#FFE5F9, #4A6CFF, #361C4E, #020321, #000201)
• Byzantium Harbor color palette (#DFE3FF, #932DFF, #5E1744, #201038, #020713)
• Patina Iris Hollow color palette (#E2E9F6, #6B86FF, #545285, #263450, #020713)
• Obsidian Ultramarine color palette (#E8D9E4, #2F1DF8, #231341, #190416, #000A07)
• Orchid Market color palette (#F0EDFF, #AF55BD, #4E3552, #221E33, #0A0D15)
• Hushed Canyon color palette (#EEEDFF, #906CFF, #009959, #007871, #25184C)
• Cornflower Workshop color palette (#FFF1F6, #94D3FF, #5B81FF, #007270, #39255C)

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