Sapphire Pier color palette — #E7FBF0 · #37CCFC · #316FE1 · #006E8C · #030003
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7FBF0): A whisper-light, dusty teal — the color of sea glass.
- Sky (#37CCFC): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#316FE1): A full-bodied, vivid violet — the color of a velvet chair.
- Peacock (#006E8C): A full-bodied, balanced blue — the color of open sky before noon.
- Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Balance. Tagged duotone, 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
- Quiet Field color palette (#ECF9EC, #00D5D7, #007EBA, #007273, #000201)
- Timeworn Ultramarine color palette (#FCF1FC, #8EBDFF, #805DC9, #1460BD, #040002)
- Iris Ridge color palette (#E8FAF3, #9CD9FF, #787BE7, #007FB5, #0D0209)
- Airy Grape color palette (#FCF1FE, #4DA6FF, #712BCD, #004E8D, #040002)
- Feathered Periwinkle color palette (#FFF2EF, #58A4FF, #565FBD, #67204A, #030F30)
- Gentle Cornflower Loft color palette (#EDF6FF, #84B7FF, #4873E6, #34359A, #160042)
- Antique Nightshade Station color palette (#DBE7EC, #009EB7, #3942B8, #00505D, #000111)
- Quiet Byzantium color palette (#FFF0FA, #B5BDFF, #AC35EE, #5844F3, #030007)
Browse the whole catalog at Explore, or see today's palette.