Sapphire Coast color palette — #E9F8FF · #00E4CA · #00C4DF · #0576ED · #000407

Sapphire and Lagoon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Lagoon (#00E4CA): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00C4DF): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#0576ED): A full-bodied, vivid blue — the color of open sky before noon.
• Ink (#000407): quiet, heavy and certain.

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

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

• Gentle Courtyard color palette (#E8F5FF, #00CBD2, #00A7E3, #3A47FD, #000104)
• Aged Indigo color palette (#EDF7FF, #73E7FF, #2BB2FA, #6F69F0, #000209)
• Mint Drift color palette (#E5F9FF, #00EC8F, #00BCB3, #007FA9, #000203)
• Frosted Harbor color palette (#D2E2FB, #00A9E9, #1F6FFB, #7D00C5, #01000A)
• Hazy Sapphire color palette (#EEF8F0, #ACD0F4, #3D71E9, #004E63, #090033)
• Tempered Chartreuse Loft color palette (#C3E8F7, #09ED71, #00C7E5, #9C7AE2, #001729)
• Washed Loft color palette (#D5EFDD, #00B7B6, #008D9E, #005D82, #001920)
• Cobalt Cabin color palette (#ABF4FA, #87B5D2, #5D6BAD, #68322E, #2C0F1D)

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