Sapphire Harbor color palette — #D4E2F4 · #6AACFF · #8F66DB · #0074E0 · #050013
Built around Royal Blue, softened by Amethyst — the whole palette hums with trust and stability.
The five colors
- Frost (#D4E2F4): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#6AACFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Amethyst (#8F66DB): A luminous, vivid violet — the color of a velvet chair.
- Royal Blue (#0074E0): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Ink (#050013): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Balance. Tagged duotone.
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
- Weathered Corridor color palette (#D9E9F6, #30B5FB, #7069FC, #007FB7, #010214)
- Indigo Drift color palette (#E9EFFE, #9F9CFF, #A65EC7, #6D5DE3, #040113)
- Aubergine Boulevard color palette (#D8DEFB, #9E92FC, #8A5DD1, #7314A8, #270033)
- Tempered Magenta Villa color palette (#EDF1FF, #BEB9FF, #D961E3, #8A73FF, #220025)
- Washed Iris Thicket color palette (#E6EBFB, #8978FA, #AC4495, #941C17, #001322)
- Aubergine Station color palette (#ECDEED, #3979C8, #5100A6, #00346D, #040002)
- Muted Cobalt color palette (#E4EBF6, #C2BCD0, #ABA1B7, #5E7BCD, #151F30)
- Feathered Lantern color palette (#E7FBF2, #4AADE0, #8731A1, #005476, #030004)
Browse the whole catalog at Explore, or see today's palette.