Sapphire Pier color palette — #EFF6FF · #2865FD · #7A6500 · #594900 · #182B49

Built around Royal Blue, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Royal Blue (#2865FD): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#7A6500): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#594900): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#182B49): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Gentle Indigo Parlor color palette (#E8EEFF, #6854DF, #5A6913, #3F4B00, #1E253C)
• Dusty Cobalt color palette (#EDF6FF, #007CC1, #855F00, #614400, #0F2E46)
• Washed Iris Pier color palette (#FFF0FA, #7987FF, #B17A00, #875D00, #22274E)
• Washed Drift color palette (#F2F5FF, #8054FF, #8D4100, #004C3C, #003136)
• Orchid Veranda color palette (#F4F4FF, #9D63C6, #587D3F, #3F5D29, #313141)
• Violet Canyon color palette (#D7FFF6, #8372FD, #9A2E78, #005335, #323152)
• Magenta Boulevard color palette (#F4F4FF, #C12FFA, #276700, #004F3B, #2A2647)
• Grape Grove color palette (#E8EDFF, #5D00C9, #185100, #0C3200, #070924)

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