Sapphire Pier color palette — #E6EFFF · #4C68C9 · #8C5000 · #394D00 · #182640

Royal Blue and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E6EFFF): A whisper-light, dusty violet — the color of wild irises.
• Royal Blue (#4C68C9): A full-bodied, balanced violet — the color of a velvet chair.
• Ochre (#8C5000): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#394D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#182640): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, 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

• Petrol Lantern color palette (#E0F1FF, #0079AD, #974434, #574100, #11293A)
• Dusty Lagoon color palette (#F1F5FF, #5F53B1, #743D00, #1E3C00, #022434)
• Muted Iris color palette (#F2F5FF, #8274C0, #8A6C2A, #365F24, #2D3245)
• Powdered Mulberry Veranda color palette (#E1E9FE, #6C6AB9, #A23D4D, #175200, #080E24)
• Patina Bloom color palette (#DCF7E1, #9475B9, #873A6B, #404400, #312B4B)
• Ancient Fern Bloom color palette (#FAE9F6, #748CD2, #BC6350, #35711F, #351C31)
• Tempered Nightshade Lantern color palette (#EAF0FF, #4531BD, #603800, #1B2F00, #0A062B)
• Frosted Byzantium color palette (#F2DBFF, #9804CC, #675800, #004931, #2B1238)

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