Sapphire Pier color palette — #FFF0FB · #FFC7D0 · #475BD5 · #1C2663 · #11020E
Built around Royal Blue, softened by Navy — the whole palette hums with creativity and balance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Shell Pink (#FFC7D0): A whisper-light, dusty red — the color of a theater curtain.
- Royal Blue (#475BD5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Navy (#1C2663): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#11020E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Balance. Tagged luxury, dark.
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
- Ancient Terrace color palette (#FFF1F7, #FFBCB9, #6C529E, #2E1B4C, #0A0105)
- Gentle Navy Archive color palette (#EBF2FF, #CCA13C, #2F4299, #10194D, #010718)
- Quiet Cobalt Balcony color palette (#E0FDF5, #88F3B4, #006EB8, #003055, #000A07)
- Tempered Pier color palette (#FFF0FC, #EDCD41, #6A89DD, #45598F, #261223)
- Byzantium Boulevard color palette (#FFF1F3, #FFCABC, #A42BA9, #4B0F4D, #150105)
- Ancient Pewter Cabin color palette (#FDF2F4, #EFD8C0, #916393, #4F2D34, #170C0E)
- Linen Magenta Boulevard color palette (#FFF1F7, #DBD1FF, #DE42DB, #8C58EB, #190206)
- Timeworn Boulevard color palette (#FFE7ED, #F47860, #581173, #100019, #040001)
Browse the whole catalog at Explore, or see today's palette.