Sapphire Harbor color palette — #FDF1FB · #E9D8E4 · #D4B2C6 · #336DEB · #41293F
A conversation between Royal Blue and Espresso, giving this palette its sense of energy and sophistication.
The five colors
- Ivory (#FDF1FB): bright and airy, almost weightless.
- Silver (#E9D8E4): A whisper-light, dusty pink — the color of neon signs at night.
- Rosewood Mist (#D4B2C6): A luminous, dusty pink — the color of a candy shop window.
- Royal Blue (#336DEB): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#41293F): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Energy, Sophistication. Tagged scandi, muted, light, vibrant.
Use it as a design system
One click turns Sapphire Harbor 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 Violet Station color palette (#FFF1F7, #EAD9DE, #DEAFBA, #8455DC, #472737)
- Ancient Cobalt color palette (#EEF8F5, #E8D8E8, #D5B0CF, #007DC6, #1E3932)
- Weathered Denim Harbor color palette (#FCF1FD, #E6C9DA, #B69AC7, #0B59AA, #3C2C3D)
- Sunlit Amethyst color palette (#E8E7F8, #7C4AFA, #412B5C, #1B123A, #11020C)
- Dusty Ash Chapel color palette (#F9F3F7, #DFD7D8, #B8AEA9, #8C98CB, #585055)
- Dusty Byzantium Alley color palette (#FFDCCC, #9E81F4, #9E2CC7, #94020F, #341357)
- Worn Magenta Station color palette (#FFF0F8, #AEC2FF, #AE9FFF, #C541FF, #2E1457)
- Mulberry Station color palette (#F5E7E9, #D1BFBF, #C09A97, #991E97, #2B191C)
Browse the whole catalog at Explore, or see today's palette.