Sapphire Pier color palette — #D1E4D4 · #A37600 · #3163C9 · #5F4300 · #06235F

Built around Royal Blue, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Celadon Mist (#D1E4D4): A whisper-light, dusty teal — the color of glacier melt.
• Ochre (#A37600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#3163C9): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#5F4300): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#06235F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Antique Hollow color palette (#E4F3E9, #A38C3D, #5E6DD4, #685400, #272E69)
• Hushed Sapphire Hollow color palette (#E7DDCB, #CFA228, #0071E7, #7C5E00, #032755)
• Bronze Bloom color palette (#EED6E2, #BC632B, #0073A1, #753300, #002D42)
• Weathered Lapis Ridge color palette (#D0F3E0, #786F00, #463CCA, #403A00, #140057)
• Grape Drift color palette (#C6E7D9, #8D9621, #6638BC, #494E00, #2D1957)
• Muted Dune color palette (#D9F7EA, #7E8700, #007697, #464B00, #00151E)
• Mustard Grove color palette (#EBDCC6, #F4B730, #6288EA, #A77900, #162551)
• Pale Olive Canyon color palette (#E6FBF2, #9DA665, #8F7CC4, #646C00, #463967)

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