Sapphire Coast color palette — #CFE0F4 · #5F90FF · #4F5CE6 · #4A3C8F · #342351
Royal Blue takes the lead with Lavender Blue close behind in a set that reads as creativity and energy at first glance.
The five colors
- Powder Blue (#CFE0F4): A whisper-light, dusty blue — the color of deep harbor water.
- Lavender Blue (#5F90FF): A luminous, vivid violet — the color of wild irises.
- Royal Blue (#4F5CE6): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#4A3C8F): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#342351): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Energy, Balance. Tagged 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
- Ultramarine Meadow color palette (#D4EDFF, #4F8CE5, #4B4EBE, #45218D, #411E58)
- Worn Sapphire color palette (#D2E9F4, #1AA9FA, #006ED1, #36469B, #2F275E)
- Nightshade Ridge color palette (#DCE9FF, #81A2FF, #5D60E4, #452CB8, #221050)
- Washed Indigo Lagoon color palette (#E4EFFF, #8CA6FF, #7E74DF, #694F91, #432E4F)
- Ancient Archive color palette (#E8EEFF, #7D68FF, #752BC8, #55147F, #32043B)
- Airy Byzantium Hollow color palette (#E0E2FB, #AE86FF, #9446CF, #6F2A7B, #491F45)
- Frosted Amethyst color palette (#E9E3FF, #BB98FF, #7D53CE, #4A2F85, #1B0041)
- Washed Lapis Corridor color palette (#F7D1E8, #8A86FF, #9E8400, #584EC2, #322800)
Browse the whole catalog at Explore, or see today's palette.