Sapphire Coast color palette — #8DF2FF · #00B1E7 · #1F6CE8 · #4732A7 · #472868
A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#8DF2FF): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#00B1E7): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#1F6CE8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#4732A7): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#472868): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, 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
- Soft Lapis color palette (#B7E6FF, #63B7FF, #2986FC, #3F50E8, #41387F)
- Nightshade Archive color palette (#C9EBE6, #00B2CD, #0078BC, #2E49AD, #40357F)
- Indigo Orchard color palette (#CFEEFF, #65A1E6, #6A61C3, #5B3885, #542C53)
- Muted Nightshade Parlor color palette (#CFE1EC, #35A4F2, #006CDE, #271FCC, #240B5E)
- Indigo Courtyard color palette (#94EFFF, #6ACCFF, #5B9CFF, #7068EA, #523164)
- Misty Station color palette (#F3F4FF, #97A4FF, #624FCB, #332090, #1E176A)
- Airy Canyon color palette (#CBE4F8, #5166DA, #551FB7, #42005A, #36002C)
- Frosted Teal color palette (#9DF5CD, #00BBB2, #007986, #005B7C, #1A3F79)
Browse the whole catalog at Explore, or see today's palette.