Sapphire Harbor color palette — #FBEFE5 · #78C5F4 · #2D6ECE · #005155 · #150C47

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFE5): bright and airy, almost weightless.
• Sky (#78C5F4): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2D6ECE): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#150C47): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Weathered Petrol Basin color palette (#FFEEE6, #69CCDC, #007CA6, #005342, #001A38)
• Softworn Cobalt color palette (#F3F8E6, #82C0E7, #0073B7, #005268, #003264)
• Tempered Denim color palette (#EBDDCF, #6EA3CA, #2F53A2, #00383E, #0B002C)
• Feathered Station color palette (#FFF1F6, #9FD2F2, #3788FE, #007176, #2A2176)
• Sunlit Azure color palette (#E1FCFA, #D4DCEF, #18A1F9, #006E8A, #00244B)
• Washed Bloom color palette (#F6F1EB, #C7E4E8, #B38FAC, #357681, #452E3A)
• Aged Denim Harbor color palette (#FBE9E1, #4E979F, #00516A, #002D20, #00040E)
• Dusty Cerulean Field color palette (#F9F0EB, #CAE5C9, #419BB0, #326C4C, #013528)

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