Sapphire Harbor color palette — #DDF0EF · #53BD82 · #0070D4 · #007746 · #020E1D
A conversation between Royal Blue and Jade, giving this palette its sense of nature and growth.
The five colors
- Frost (#DDF0EF): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#53BD82): A luminous, balanced teal — the color of glacier melt.
- Royal Blue (#0070D4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Pine (#007746): A full-bodied, balanced teal — the color of sea glass.
- Ink (#020E1D): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Frosted Indigo color palette (#DDEFF1, #2BBE9C, #6A58DB, #00755E, #060B23)
- Muted Parlor color palette (#E1EFEA, #92B252, #007E9C, #536F00, #000F19)
- Powdered Summit color palette (#F0F8E9, #3AD8AB, #0081AF, #007559, #000201)
- Byzantium Boulevard color palette (#E2EDF2, #00BAC7, #A73CAD, #007179, #0F091D)
- Tempered Hollow color palette (#EAEDDD, #7CD38E, #6D8EF2, #00A446, #190416)
- Feathered Orchard color palette (#F5D2E6, #00A99A, #006FA9, #762F00, #002935)
- Weathered Iris color palette (#EFF7F9, #85D5D0, #7F84E0, #00938E, #1D2433)
- Wandering Lagoon color palette (#E3F0DE, #009E8D, #00586F, #004D43, #001209)
Browse the whole catalog at Explore, or see today's palette.