Sapphire Harbor color palette — #F9EBE2 · #83BAD2 · #1B66BF · #005146 · #2A284F

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

The five colors

• Cream (#F9EBE2): bright and airy, almost weightless.
• Sky (#83BAD2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#1B66BF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2A284F): 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 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

• Forest Hollow color palette (#F9EBE6, #7CBFC0, #007393, #005421, #0D2E53)
• Petrol Meadow color palette (#E1ECE3, #7ABEDB, #0D71AA, #004A4F, #011533)
• Worn Cobalt color palette (#FBF4ED, #9ECCE9, #5474C3, #00605C, #4F2F3F)
• Ancient Nightshade Terrace color palette (#EBE2D8, #72A3D2, #4343B8, #003D41, #2A0E42)
• Soft Orchard color palette (#DFF2EA, #00A7AA, #006281, #004370, #351F55)
• Ancient Forest color palette (#FDF3EF, #8DDFDC, #008DAC, #0E6C1D, #0F426D)
• Hushed Azure color palette (#C1E5FF, #2E96E1, #00558A, #002C51, #001C2C)
• Onyx Basin color palette (#F3E8E2, #549CA7, #004F73, #00321E, #030C3C)

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