Sapphire Harbor color palette — #F0F5FF · #FFC7D1 · #4B61C0 · #1C285F · #020715

A conversation between Royal Blue and Navy, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Shell Pink (#FFC7D1): A whisper-light, dusty red — the color of late-summer berries.
• Royal Blue (#4B61C0): A full-bodied, balanced violet — the color of wild irises.
• Navy (#1C285F): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#020715): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged luxury, dark, muted.

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

• Patina Seafoam color palette (#EDF6FF, #7EF5AB, #006FB3, #003153, #000814)
• Aged Balcony color palette (#F4F4FF, #FFCAC1, #8944B7, #40165A, #070516)
• Hushed Navy color palette (#FFEBFB, #C7A24E, #2F4395, #0E1851, #11020E)
• Nightshade Parlor color palette (#F1F5FF, #FF99A1, #4C3CA2, #160F3B, #000009)
• Aged Cornflower color palette (#F0F5FF, #F2CB3D, #6387ED, #475A8B, #0E1A30)
• Wandering Delta color palette (#F3F4FF, #DCD0FF, #ED36C0, #924BF8, #0E0519)
• Wandering Driftwood Loft color palette (#F9F2FC, #D7D9CD, #A87487, #513D5B, #1F1822)
• Gentle Aubergine Thicket color palette (#ECECFF, #F27867, #58007E, #291213, #0F001A)

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