Sapphire Pier color palette — #D9E9FF · #1070F5 · #453B60 · #0F1E30 · #000204

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

The five colors

• Frost (#D9E9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#1070F5): A full-bodied, vivid blue — the color of deep harbor water.
• Navy (#453B60): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#0F1E30): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Amethyst Terrace color palette (#E5EBFF, #8247FF, #563356, #171B32, #000207)
• Cerulean Canyon color palette (#DCF4FF, #0086AC, #29406F, #08202D, #000203)
• Nocturne Ultramarine color palette (#EADEE9, #0052D8, #1B2044, #110411, #000202)
• Frosted Violet color palette (#E3DFFA, #9673FF, #794178, #2C3251, #020714)
• Worn Delta color palette (#DBE5F7, #89A5FF, #6D6D85, #424A58, #14191D)
• Inked Navy color palette (#F9E1F7, #003C95, #091014, #0E0330, #000106)
• Violet Summit color palette (#E3F1FF, #6C8AFF, #785CF4, #6C348F, #310232)
• Azure Harbor color palette (#FAEAF2, #7DCBF2, #4F95E2, #007D7D, #161B40)

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