Sapphire Harbor color palette — #E6F4FF · #5BD8F1 · #00B3EA · #2073D9 · #001828
Built around Royal Blue, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Ice Blue (#5BD8F1): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cyan (#00B3EA): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#2073D9): A full-bodied, vivid blue — the color of deep harbor water.
- Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, 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
- Pale Study color palette (#DEF7FF, #59EAD7, #00BCC7, #008EAD, #001A1E)
- Azure Basin color palette (#E5FBF0, #7DEDFF, #38C9FB, #3596F8, #023048)
- Ultramarine Veranda color palette (#CFE1F3, #00ACDA, #0088DA, #203CE7, #000613)
- Dusty Violet color palette (#EBF2FF, #8AC5FF, #83A5FF, #825DE7, #10133A)
- Gentle Indigo Quarry color palette (#E5FCEF, #4BEAC7, #00B0DD, #6F6CD3, #043A31)
- Hazy Nightshade Lantern color palette (#D6EAFF, #6092D3, #315FC3, #212B9B, #19184C)
- Cerulean Harbor color palette (#EAF4F2, #A5CFDF, #238A9D, #005B59, #002530)
- Tempered Cocoa Quarry color palette (#E4EDFC, #9CA6BF, #7D6A97, #743D4A, #321C30)
Browse the whole catalog at Explore, or see today's palette.