Sapphire Harbor color palette — #EFF8F0 · #00D3E5 · #366CE7 · #00717B · #030003
A conversation between Royal Blue and Aqua, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF8F0): bright and airy, almost weightless.
- Aqua (#00D3E5): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#366CE7): A full-bodied, vivid violet — the color of wild irises.
- Teal (#00717B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Calm, Energy, 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
- Aged Cobalt color palette (#F0F8EB, #61D2B5, #007DBE, #00745F, #000201)
- Byzantium Hollow color palette (#EAFAF1, #47CCF7, #914ED0, #006E8B, #040001)
- Linen Nightshade color palette (#DAF6FF, #67C0F8, #2F71D4, #3600C8, #1D0040)
- Quiet Station color palette (#FFF0FD, #A2C4FF, #D4239E, #045CE9, #050003)
- Orchid Grove color palette (#E4EFE1, #00D9C8, #A86FFF, #009D91, #19060F)
- Wandering Quarry color palette (#FFF4E2, #09AFEF, #4F5CCC, #6B2700, #001327)
- Soft Workshop color palette (#D4E9EE, #00A399, #662BB1, #00524D, #01010C)
- Weathered Field color palette (#DAEFEA, #4692DB, #7000A0, #003D6D, #020005)
Browse the whole catalog at Explore, or see today's palette.