Sapphire Harbor color palette — #F7E7EE · #6AA9CC · #3A6FD3 · #005E57 · #0B0125

Royal Blue takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F7E7EE): bright and airy, almost weightless.
• Cyan (#6AA9CC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#3A6FD3): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#0B0125): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Ancient Dune color palette (#F8EAF5, #68ADB5, #007EAD, #00613A, #000527)
• Patina Cornflower Courtyard color palette (#ECDCE2, #6EB9EB, #5176F6, #006D6B, #190634)
• Tempered Denim color palette (#E5DED4, #609ABB, #005A9B, #003A42, #000428)
• Iris Balcony color palette (#D8F3F4, #52BBD7, #7E85F5, #547000, #001115)
• Azure Pier color palette (#F5E9F0, #77CEE6, #0798F0, #008063, #151A42)
• Lagoon Pier color palette (#D5F2EF, #00A69C, #00767A, #004445, #000202)
• Weathered Summit color palette (#CCE6ED, #00918C, #C30092, #00615E, #11000A)
• Softworn Navy color palette (#EADDD3, #4B7F9C, #003978, #001F20, #01000B)

Browse the whole catalog at Explore, or see today's palette.