Sapphire Pier color palette — #D1E2FF · #1F6EFA · #736E00 · #5C5700 · #00010A
Royal Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D1E2FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Royal Blue (#1F6EFA): A full-bodied, vivid violet — the color of wild irises.
- Olive (#736E00): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#5C5700): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#00010A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, 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
- Cobalt Boulevard color palette (#C1E7FF, #0084B9, #975B00, #784800, #000204)
- Ancient Delta color palette (#E5E9FF, #572DFF, #3B6600, #2B4E00, #01000A)
- Violet Loft color palette (#E2DCFF, #9567FF, #286C00, #00533F, #01000E)
- Gentle Pier color palette (#EADAE4, #4D3FC2, #694600, #423F00, #0E033A)
- Hushed Orchid color palette (#ECECFF, #B72BF5, #226100, #164400, #010009)
- Powdered Cornflower Thicket color palette (#E0E7FF, #677EFD, #C351A6, #008491, #070838)
- Wisteria Grove color palette (#F7F2FF, #C38FFF, #5E8800, #00754A, #1B0330)
- Weathered Ultramarine color palette (#DDE2F1, #3546BF, #830070, #00444A, #010019)
Browse the whole catalog at Explore, or see today's palette.