Sapphire Harbor color palette — #CFE6ED · #008ED4 · #0062E2 · #3738A9 · #1C0145
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#CFE6ED): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#008ED4): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0062E2): A full-bodied, vivid blue — the color of open sky before noon.
- Indigo (#3738A9): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#1C0145): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
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
- Navy Field color palette (#D1EAFE, #007FD3, #0058B1, #011D83, #03003F)
- Lapis Meadow color palette (#DFF0FB, #2283FA, #5740FE, #552BAC, #270036)
- Ultramarine Grove color palette (#DAE9FE, #4387FF, #9E7A00, #0054D9, #160E00)
- Aged Indigo Thicket color palette (#E7EBF9, #8A8AFF, #5E56FB, #3632A8, #020013)
- Faded Chapel color palette (#BEE9E4, #0094A4, #007592, #004C75, #000D4B)
- Linen Lapis Bloom color palette (#CFF0FF, #6EB3FF, #6883FF, #644EE1, #451F6A)
- Pale Grape color palette (#DFEDFF, #5A64FF, #6B2CDC, #5A1A79, #130013)
- Feathered Cobalt color palette (#FFE8CE, #00AAAF, #0076B9, #002640, #000205)
Browse the whole catalog at Explore, or see today's palette.