Sapphire Harbor color palette — #F0F5FF · #92A8FF · #B1A718 · #4A5BE9 · #403C00

Royal Blue takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Cornflower (#92A8FF): A luminous, balanced violet — the color of twilight just after sunset.
• Gold (#B1A718): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#4A5BE9): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#403C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Airy Drift color palette (#EBEDFF, #B496E7, #9FA517, #7D49BF, #363902)
• Worn Indigo color palette (#FFF0FA, #B8C3FF, #D6AA08, #626AEA, #3A2C00)
• Quiet Grape color palette (#D7DDF6, #9E81F4, #A08400, #6E35D3, #322800)
• Tangerine Atelier color palette (#EEF6FF, #90C3FF, #F86704, #0068C0, #632400)
• Washed Lime color palette (#F6F3FF, #D7A2D9, #91BE4C, #A257A6, #194C41)
• Hazy Byzantium color palette (#F5F3FF, #EC9CFF, #00B866, #9B27B4, #004724)
• Dusty Chapel color palette (#E1ECFF, #93ABFF, #5C8E00, #9C7500, #232D54)
• Aubergine Boulevard color palette (#E6E9FF, #AD71FF, #008C36, #5A009E, #002207)

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