Sapphire Pier color palette — #CCE7FC · #4C97E9 · #395DD7 · #413692 · #392E56

A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.

The five colors

• Frost (#CCE7FC): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#4C97E9): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#395DD7): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#413692): A full-bodied, balanced violet — the color of wild irises.
• Navy (#392E56): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged 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

• Iris Lantern color palette (#D8E3EF, #90BAFF, #7493F6, #6570BD, #3A3965)
• Cornflower Corridor color palette (#D7F4FF, #37AFFD, #5B76DA, #5F4C95, #4C3153)
• Chalky Grape color palette (#E1E7FB, #9285E5, #7646C2, #5F2A7D, #4E2B50)
• Soft Lapis color palette (#F4F4FF, #A399E8, #5E48BC, #392673, #261948)
• Feathered Turquoise color palette (#C6EBF2, #00B1DD, #006F9D, #004B7F, #23355A)
• Antique Nightshade color palette (#D4E8FF, #4870F6, #3C00C8, #3C007B, #2D1348)
• Antique Archive color palette (#E7EFFF, #7584E3, #917500, #3F43B8, #413402)
• Rust Pier color palette (#DAE4FF, #6E6BCF, #B54200, #006C48, #222A41)

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