Sapphire Harbor color palette — #F8EAEF · #8BB8D3 · #2F5FCC · #00504B · #2F254F

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#F8EAEF): bright and airy, almost weightless.
• Ash (#8BB8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#2F5FCC): A full-bodied, vivid violet — the color of wild irises.
• Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2F254F): 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

• Petrol Pier color palette (#F4EBF3, #6FC0CA, #00719D, #005332, #192C53)
• Washed Cobalt color palette (#EEE8DF, #88BADC, #186BBE, #004955, #081137)
• Antique Indigo Loft color palette (#F2F7F1, #AFC8E1, #656FC4, #005F63, #363658)
• Quiet Pier color palette (#C3E7DF, #64A13E, #5B3DC0, #285600, #27204E)
• Antique Denim Studio color palette (#F8E6F0, #329DBB, #004C83, #003126, #0E0540)
• Patina Periwinkle color palette (#F6EDE5, #AFDFCE, #7AA5EA, #009097, #282755)
• Cerulean Alley color palette (#FBF2F8, #BCE3F4, #3893C8, #2D7153, #394861)
• Sunlit Azure Cabin color palette (#D8FFEE, #A3DBBF, #00ACDC, #844A00, #07403C)

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