Sapphire Pier color palette — #CBF8DD · #937F00 · #4D5FE8 · #6F46A8 · #393000
A conversation between Royal Blue and Plum, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CBF8DD): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#937F00): A full-bodied, balanced green — the color of fresh herbs.
- Royal Blue (#4D5FE8): A full-bodied, vivid violet — the color of wild irises.
- Plum (#6F46A8): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#393000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Tempered Ultramarine Terrace color palette (#FFEAB3, #9D7B00, #3A6CD1, #474EC3, #3D2E00)
- Linen Bloom color palette (#DFF4C2, #7AA227, #6A46B0, #961371, #263700)
- Hazy Aubergine color palette (#E0E6CB, #657400, #6344B3, #632499, #1D2200)
- Airy Mulberry Veranda color palette (#D5FFFC, #27A056, #76358B, #76004F, #0D341A)
- Weathered Ember color palette (#FFE2F1, #D36416, #007F9D, #0F56A5, #4D2207)
- Muted Emerald Studio color palette (#DCFDFA, #4E9C63, #9A649E, #984558, #1D3F3D)
- Plum Ridge color palette (#D2E4DB, #00865F, #AB008D, #990043, #002C1D)
- Faded Studio color palette (#FCE9C6, #F1C535, #C872E7, #6C92E7, #3C2F00)
Browse the whole catalog at Explore, or see today's palette.