Sapphire Harbor color palette — #FCF1FA · #95B4F3 · #BB663C · #426BCD · #281202

A conversation between Royal Blue and Ochre, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sky (#95B4F3): A luminous, balanced violet — the color of wild irises.
• Ochre (#BB663C): A luminous, balanced orange — the color of autumn markets.
• Royal Blue (#426BCD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#281202): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Balance. Tagged duotone.

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

• Soft Indigo color palette (#FCF2F6, #B8A8ED, #A87600, #795CBC, #221605)
• Soft Cobalt Veranda color palette (#EDF8F4, #69BFF2, #BA6070, #007AAE, #26120E)
• Ember Basin color palette (#F0F6FF, #BBCFFF, #DB5A53, #4B6ED5, #0D020B)
• Byzantium Cabin color palette (#FFECF2, #C68BFF, #997000, #8D21D5, #191000)
• Aged Orchard color palette (#FFEBF7, #8B8ADF, #8A6E00, #005D58, #003331)
• Iris Garden color palette (#E8F4D5, #8D98F3, #A45D7C, #006458, #452531)
• Sunlit Nightshade color palette (#F2F5FE, #978FD2, #9D2E55, #5427B5, #221027)
• Hushed Driftwood color palette (#FDF2F4, #EAC1EE, #BC935B, #A879AC, #322D27)

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