Sapphire Harbor color palette — #F7EDDC · #84BEE6 · #0066C2 · #003C47 · #010015

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

The five colors

• Cream (#F7EDDC): A whisper-light, dusty gold — the color of old brass.
• Sky (#84BEE6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0066C2): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#003C47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Petrol Orchard color palette (#F6EDDF, #73C5D5, #007292, #003E39, #000307)
• Ancient Cerulean Quarry color palette (#FBF4EA, #96DADA, #00899C, #005341, #000F16)
• Navy Drift color palette (#F7E5EC, #5791B7, #144493, #002B2E, #04001A)
• Antique Cornflower color palette (#E9DDD2, #57BBF6, #4E79F1, #006D69, #180734)
• Chalky Amber color palette (#EEDCCB, #C4761E, #005C9F, #593100, #000104)
• Antique Periwinkle color palette (#F8F5EF, #C3E1F6, #74A6F8, #007B96, #252B4D)
• Wandering Turquoise color palette (#FCF4E7, #B3FFF9, #00AEBC, #007654, #002A35)
• Aubergine Veranda color palette (#FFE5C9, #8F5A00, #006662, #61008C, #020100)

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