Sapphire Harbor color palette — #F6E9FE · #0760EE · #006F74 · #060D12 · #000102
A conversation between Royal Blue and Teal, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6E9FE): A whisper-light, dusty violet — the color of wild irises.
- Royal Blue (#0760EE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Teal (#006F74): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#060D12): quiet, heavy and certain.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Energy, Balance. Tagged neon, dark, vibrant, muted.
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
- Shadow Lapis color palette (#D3EED5, #4124F7, #005B73, #080C11, #000103)
- Petrol Workshop color palette (#E6E5FA, #0079A0, #007356, #020E0F, #000202)
- Byzantium Summit color palette (#D3E7DE, #9300EF, #006A93, #090C14, #000103)
- Charred Chapel color palette (#DFF2FF, #0065A5, #00357B, #060058, #020010)
- Cobalt Archive color palette (#E2E8D4, #0092D7, #00908B, #001514, #000300)
- Navy Workshop color palette (#DAE9F0, #007488, #003371, #003039, #000105)
- Abyss Lagoon color palette (#E4EDF3, #93A2AF, #637F9B, #003C50, #00050B)
- Worn Lantern color palette (#C5E8DD, #008AE6, #BA33EA, #001326, #00040C)
Browse the whole catalog at Explore, or see today's palette.