Sapphire Harbor color palette — #D8E6F9 · #2A69CA · #715400 · #00347D · #241900

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

The five colors

• Frost (#D8E6F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#2A69CA): A full-bodied, vivid blue — the color of deep harbor water.
• Coffee (#715400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#00347D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#241900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Antique Atelier color palette (#E3ECFF, #5B63B8, #685900, #2D00A3, #201A00)
• Hazy Terracotta color palette (#DBF1FF, #00789B, #963600, #003F54, #320D00)
• Pale Cornflower Field color palette (#F1DDF3, #0688EE, #916F00, #005397, #231900)
• Timeworn Aubergine Lagoon color palette (#E8E9FF, #8255A9, #496400, #52007E, #141F00)
• Hushed Ultramarine Cabin color palette (#EEDBED, #7EB0FF, #C27F03, #0055C5, #281600)
• Tempered Grape Bloom color palette (#DDE3FF, #8B62F5, #6F7700, #5B00C1, #2D3100)
• Ultramarine Villa color palette (#E4EFFF, #294DC0, #950111, #004B13, #020A38)
• Feathered Bloom color palette (#F0F5FF, #8B9DD4, #A98331, #4057CA, #543F10)

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