Soft Sapphire Harbor color palette — #F1E7DF · #7DBDDD · #006BC4 · #004B4B · #0E1232

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F1E7DF): bright and airy, almost weightless.
• Sky (#7DBDDD): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#006BC4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#0E1232): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Soft 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

• Timeworn Petrol color palette (#F0E7E3, #77C2C4, #007791, #004E33, #001829)
• Cobalt Dune color palette (#F6F1EC, #A4CDEB, #5079C9, #005A61, #1D1B3E)
• Washed Denim Basin color palette (#F0E5DF, #5095A5, #004F72, #002C25, #000412)
• Periwinkle Boulevard color palette (#F6F1EC, #C8E3E5, #7D9ECF, #2E777B, #422F3C)
• Amber Veranda color palette (#F7DBC7, #D76C25, #0060A0, #713100, #001326)
• Ancient Nightshade Field color palette (#E9DFD5, #467DAE, #1A209F, #001E24, #020009)
• Rust Corridor color palette (#FFE1CE, #B04400, #00697E, #453B96, #190400)
• Timeworn Parlor color palette (#ECDCD0, #A87D41, #853E00, #581716, #150D00)

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