Sapphire Harbor color palette — #E5EFFF · #4456FF · #775B00 · #473600 · #000109
Built around Royal Blue, softened by Olive — the whole palette hums with optimism and creativity.
The five colors
- Frost (#E5EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#4456FF): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#775B00): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#473600): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, Creativity, Energy, Balance. Tagged 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
- Wandering Cobalt Summit color palette (#E1F0FF, #0077C0, #795A00, #493500, #000104)
- Washed Amethyst color palette (#F2F5FF, #7120FA, #523F00, #352800, #000102)
- Aged Byzantium color palette (#EBEDFF, #9223F3, #526A00, #303F00, #020007)
- Tempered Nightshade color palette (#F6E5F2, #3145A8, #673300, #242D00, #04082B)
- Violet Villa color palette (#E0E5FA, #9167FF, #B36B00, #8D5300, #100429)
- Airy Wisteria color palette (#F7F3FF, #B881FF, #5C7B00, #465E00, #140128)
- Antique Violet color palette (#DDF9C7, #8A6AFF, #911966, #003520, #040017)
- Eclipse Aubergine color palette (#DFDCFB, #770093, #00482E, #001F11, #010008)
Browse the whole catalog at Explore, or see today's palette.