Worn Sapphire Harbor color palette — #F4E7F4 · #086CC9 · #006B3D · #003870 · #00220F

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

The five colors

• Blush (#F4E7F4): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#086CC9): A full-bodied, vivid blue — the color of deep harbor water.
• Pine (#006B3D): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003870): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00220F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Worn 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 Fern color palette (#D3E6DE, #0076A7, #266B00, #003E5B, #072100)
• Hushed Navy color palette (#DBE5FF, #3651C2, #005947, #11008B, #00140E)
• Sapphire Lagoon color palette (#F5E7F5, #1669C7, #764F00, #00346F, #0E0600)
• Linen Canyon color palette (#DBE9FF, #0A53BB, #7B1581, #004746, #000F30)
• Aubergine Boulevard color palette (#FFE5EF, #7E50BB, #00666D, #4C0086, #001F22)
• Dusty Grape Pier color palette (#E1E2FF, #7B6CF3, #00817A, #4D00CD, #003632)
• Powdered Denim Market color palette (#FFF0FE, #79A0E2, #389E79, #3763B0, #114E39)
• Washed Mulberry color palette (#FFE8E9, #B873A3, #1980BD, #882C72, #00395A)

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