Sapphire Coast color palette — #E1ECE3 · #7DA5CB · #3F6ED1 · #005A71 · #06002B

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

The five colors

• Honeydew (#E1ECE3): a clean, paper-quiet neutral.
• Blue Fog (#7DA5CB): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3F6ED1): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005A71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#06002B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Cobalt Bloom color palette (#D9E3DB, #68ACC1, #007EAF, #005D5D, #000919)
• Hushed Hollow color palette (#E1EEFF, #9EA4ED, #B07BC5, #00739A, #07082C)
• Sunlit Nightshade Grove color palette (#EDDCE1, #6F96BC, #4344BA, #003B3E, #100020)
• Aged Navy color palette (#C6E7F0, #0081AF, #006096, #003C7F, #030022)
• Soft Archive color palette (#E2F0FF, #2A80D5, #9B6300, #00559B, #0B0400)
• Aged Azure color palette (#E3F0E5, #96C8E2, #0B97F3, #007B87, #001754)
• Soft Pier color palette (#F4ECE0, #3F7DB4, #002B97, #001E28, #01000B)
• Weathered Terrace color palette (#E7EFFF, #5B86E0, #3753E0, #001F93, #000010)

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