Sapphire Pier color palette — #F3DBED · #4158E0 · #545F00 · #1B109C · #070900
A conversation between Royal Blue and Indigo, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F3DBED): A whisper-light, dusty pink — the color of a candy shop window.
- Royal Blue (#4158E0): A full-bodied, vivid violet — the color of wild irises.
- Olive (#545F00): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#1B109C): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#070900): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Patina Lapis color palette (#DCDEFF, #653DFA, #635B00, #341E8A, #1E1B00)
- Quiet Amethyst Dune color palette (#FFE4EE, #8147C1, #516000, #4A007E, #060900)
- Cobalt Chapel color palette (#F6DEF8, #006CC0, #7A4D00, #003766, #0E0600)
- Ultramarine Balcony color palette (#F3DDEE, #2935DE, #2F5900, #00412D, #01001A)
- Patina Nightshade Boulevard color palette (#E7EEFF, #8680F2, #807F00, #472AB5, #080800)
- Hushed Amethyst Chapel color palette (#D5F7EC, #908000, #6E3FFF, #06001F, #040002)
- Tempered Lagoon color palette (#F3DEEB, #C39DCB, #DB5868, #004F6B, #1F0211)
- Frosted Grape color palette (#FDEDF4, #AA93E6, #95990E, #694AA7, #302700)
Browse the whole catalog at Explore, or see today's palette.