Sapphire Pier color palette — #E6F2E8 · #98B5D1 · #3864B9 · #004D60 · #252854
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Ash (#98B5D1): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#3864B9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#252854): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Sapphire Ridge color palette (#F2E5E9, #8FB8DD, #505CCB, #004B4D, #1E0833)
- Dusty Petrol color palette (#E6F2E8, #83BDC3, #00748D, #005146, #003249)
- Dusty Balcony color palette (#DFEDFF, #C1C7F4, #B68FD2, #006589, #2C3155)
- Softworn Cornflower Study color palette (#F3EDE7, #9FCAEE, #6C7ED7, #006B6D, #362250)
- Cerulean Corridor color palette (#EFF8F1, #9ADAEA, #008BB8, #006763, #00436D)
- Chalky Periwinkle Atelier color palette (#F5EDE2, #AED8FF, #74A3FA, #008CAD, #262A4C)
- Dusty Denim Parlor color palette (#E4F3E6, #6797AF, #004D7E, #002F34, #000F3A)
- Tempered Cabin color palette (#CCE3EA, #0091C1, #00619B, #003B89, #142560)
Browse the whole catalog at Explore, or see today's palette.