Sapphire Pier color palette — #E3FCF0 · #009ECC · #405DE3 · #893100 · #002727
Built around Royal Blue, softened by Rust — the whole palette hums with trust and stability.
The five colors
- Ivory (#E3FCF0): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#009ECC): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#405DE3): A full-bodied, vivid violet — the color of wild irises.
- Rust (#893100): A full-bodied, balanced orange — the color of sun-warmed clay.
- Onyx (#002727): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Energy. Tagged jewel, 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
- Linen Lagoon color palette (#CDEFE5, #0080D1, #4453BB, #6D2400, #00190A)
- Linen Cobalt Loft color palette (#FFF2EA, #00C1B6, #527ACE, #894700, #003D48)
- Mulberry Station color palette (#DBFEF5, #008AE8, #0074C5, #940053, #002D1A)
- Amethyst Basin color palette (#FFF0FC, #537CFF, #8050DC, #7A4400, #002E21)
- Misty Iris Station color palette (#FFF1F6, #8475E0, #7752AC, #7D2B36, #162612)
- Hazy Thicket color palette (#FDF1FC, #7E93E5, #B46061, #874042, #252B13)
- Washed Mulberry Alley color palette (#F0F9E3, #00A26D, #007EA3, #9F004C, #002C1A)
- Patina Sapphire Meadow color palette (#DEFFEA, #0098C9, #2C65E3, #713C99, #232100)
Browse the whole catalog at Explore, or see today's palette.