Sapphire Harbor color palette — #F7DDF6 · #0063DC · #2D204C · #000E2C · #000502
A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7DDF6): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#0063DC): A full-bodied, vivid blue — the color of deep harbor water.
- Deep Indigo (#2D204C): A deep, shadowed, dusty violet — the color of wild irises.
- Ink (#000E2C): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Creativity, Energy, Depth, Luxury. Tagged noir, dark, luxury, 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
- Sapphire Basin color palette (#FEE5FB, #0358E8, #202554, #260D25, #110509)
- Cellar Petrol Chapel color palette (#D9F3EA, #0072AA, #21254D, #001220, #000501)
- Velvet Amethyst color palette (#FEE6F2, #6F4DCD, #3C1B3C, #11072B, #080107)
- Cornflower Orchard color palette (#E4F0FF, #2881FC, #483A70, #16273D, #091319)
- Aubergine Balcony color palette (#EED9E3, #4D10A3, #1D011D, #140800, #020008)
- Ancient Cobalt Meadow color palette (#FCEFE6, #A2D8F5, #4685CE, #006263, #1B1E4E)
- Dusty Driftwood color palette (#F9E9EA, #9F7294, #4D342E, #2C181A, #110A0D)
- Faded Orchid Cabin color palette (#FFD9E5, #AB65DD, #7E7900, #346900, #240635)
Browse the whole catalog at Explore, or see today's palette.