Sapphire Harbor color palette — #D5F1FF · #079CEF · #236BEF · #5542B6 · #2C0A4F
A conversation between Royal Blue and Plum, giving this palette its sense of trust and stability.
The five colors
- Frost (#D5F1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#079CEF): A luminous, vivid blue — the color of deep harbor water.
- Royal Blue (#236BEF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Plum (#5542B6): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#2C0A4F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Energy. 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
- Hushed Parlor color palette (#E1F2FF, #5194FF, #7460EB, #683EAF, #310039)
- Weathered Ultramarine color palette (#D3E9EC, #009FD2, #007ACC, #2153C2, #180D49)
- Tempered Boulevard color palette (#D8ECFF, #378FF2, #1654D0, #18269F, #13114D)
- Airy Station color palette (#EAEAFF, #A8A2FF, #716FE9, #4E3EAA, #0C002D)
- Weathered Ultramarine Station color palette (#E4EFFF, #8AADFF, #A58F03, #2246DD, #201B00)
- Hushed Cornflower color palette (#E5ECFF, #6282F6, #A77B00, #757C00, #050A36)
- Cobalt Hollow color palette (#CCDFFF, #D8BEFF, #ED98C6, #2B90CD, #271B40)
- Indigo Terrace color palette (#F8E2C9, #00C18D, #7B67E6, #333052, #050715)
Browse the whole catalog at Explore, or see today's palette.