Sapphire Harbor color palette — #E7F6EE · #3AB7E1 · #4061CA · #006581 · #160113
Built around Royal Blue, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F6EE): a clean, paper-quiet neutral.
- Cyan (#3AB7E1): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#4061CA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Peacock (#006581): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#160113): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged duotone, 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
- Chalky Veranda color palette (#F9EDFA, #67AAFF, #714AD0, #0059B0, #18000D)
- Dusty Teal Market color palette (#E9F6E8, #00C0BC, #0073A6, #006967, #000A14)
- Sunlit Nightshade color palette (#D7EAE2, #0099D3, #4647A3, #004D6C, #070004)
- Cornflower Corridor color palette (#EAF7FF, #5CCBEE, #4183ED, #0084A4, #091D36)
- Faded Byzantium color palette (#E6F9FF, #00B8BC, #9323B4, #006265, #291131)
- Ancient Ridge color palette (#C7E5FF, #5EA3F6, #3664D7, #2F2AA4, #1B004C)
- Powdered Parlor color palette (#FFEDE9, #5290EE, #5450B8, #730046, #0B1841)
- Pewter Alley color palette (#F8EFF2, #CAB9ED, #9F7292, #78669B, #1E1213)
Browse the whole catalog at Explore, or see today's palette.