Sapphire Pier color palette — #DCE9FD · #1A50FD · #516400 · #00444C · #00032F
A conversation between Royal Blue and Olive, giving this palette its sense of nature and growth.
The five colors
- Frost (#DCE9FD): A whisper-light, dusty blue — the color of deep harbor water.
- Royal Blue (#1A50FD): A full-bodied, vivid violet — the color of twilight just after sunset.
- Olive (#516400): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#00444C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00032F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged vibrant, 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
- Soft Market color palette (#E8ECFC, #772BF2, #426800, #004353, #0D0323)
- Tempered Violet color palette (#EEF1FF, #9170F4, #376A00, #005264, #0E112A)
- Grape Boulevard color palette (#DFE3FE, #720DD3, #5A4500, #003333, #0C0020)
- Petrol Lagoon color palette (#DCE9F4, #0071AD, #844B00, #004921, #000C18)
- Byzantium Atelier color palette (#EEECFF, #A200C9, #006E38, #004823, #15011C)
- Feathered Raspberry Grove color palette (#ECE5FE, #A949A2, #125504, #003D49, #0B021B)
- Timeworn Plum color palette (#EEE5F6, #B24A82, #007378, #004E51, #160A1E)
- Aged Byzantium color palette (#EDDCFF, #9100D9, #A80312, #004359, #2A103E)
Browse the whole catalog at Explore, or see today's palette.