Sapphire Harbor color palette — #F6EDE5 · #92BCAD · #4562B7 · #00504E · #322253

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as creativity and calm at first glance.

The five colors

• Cream (#F6EDE5): bright and airy, almost weightless.
• Sage (#92BCAD): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#4562B7): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#322253): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Washed Drift color palette (#FBF4ED, #ACCDC4, #6A72B1, #005F64, #452E5B)
• Feathered Sapphire color palette (#FFF3E9, #88C0DF, #1760EB, #005650, #361F6E)
• Muted Archive color palette (#F6ECE9, #83BDBE, #007392, #005421, #062E57)
• Softworn Sapphire Loft color palette (#E2ECE4, #94B8D5, #086BC3, #004955, #091235)
• Faded Cobalt Station color palette (#FEF2ED, #98DBE4, #008ABE, #006A41, #1F3C78)
• Grape Corridor color palette (#E3DFC3, #839921, #7631B1, #435000, #34174F)
• Navy Hollow color palette (#F2E2D8, #5B99B0, #00498A, #003128, #110044)
• Chalky Periwinkle color palette (#FBE9F0, #A2DCFF, #7EA2F1, #14918A, #2F274C)

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