Sapphire Coast color palette — #F9E8ED · #77A6CF · #4165E9 · #005C67 · #0B0027

Royal Blue takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F9E8ED): bright and airy, almost weightless.
• Blue Fog (#77A6CF): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#4165E9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005C67): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Ink (#0B0027): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Sapphire Coast 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

• Muted Study color palette (#F1E1EB, #5AAEC5, #007CB8, #005E54, #000527)
• Ultramarine Study color palette (#E4E9DD, #6F96BD, #0054B1, #003850, #00022C)
• Linen Field color palette (#E9DDE2, #87CAEA, #2194FC, #007D7C, #131848)
• Patina Forest Field color palette (#F0E5EC, #50C5C1, #0093AA, #007141, #001623)
• Aged Navy color palette (#E7DED0, #4C7DA8, #0A3384, #001E27, #01000B)
• Gentle Terrace color palette (#DCEFEB, #5CA727, #8E35E7, #244F00, #0A001A)
• Tempered Lantern color palette (#DBEFEA, #5DC198, #00ABC8, #736600, #001606)
• Muted Sky Balcony color palette (#F4EBF2, #ADDBEE, #00B3EC, #009476, #052F55)

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