Sapphire Harbor color palette — #F2F8E9 · #94BDE0 · #006DCB · #00516F · #002A7A
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F2F8E9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#94BDE0): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#006DCB): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Peacock (#00516F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#002A7A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Worn Cabin color palette (#F4F7E7, #7BC3E0, #0077A4, #005460, #003656)
- Gentle Villa color palette (#EEF5FF, #C0CCFF, #AE95FF, #0069AC, #213360)
- Gentle Sapphire color palette (#FBF0E4, #81C3F7, #2D5FF6, #005059, #1B054B)
- Soft Azure color palette (#C7E6F4, #009ED7, #006EA7, #00487C, #002F6D)
- Weathered Cornflower color palette (#FFF1F5, #9AD2FE, #5183FF, #00717C, #312764)
- Soft Byzantium Drift color palette (#D7E8FF, #006BE0, #9E00AF, #005F5C, #002250)
- Chalky Cobalt Lagoon color palette (#C7EFE4, #0089E1, #008738, #005189, #003913)
- Hazy Ultramarine Thicket color palette (#E8F0FF, #5992FF, #003BD4, #002873, #001241)
Browse the whole catalog at Explore, or see today's palette.