Sapphire Lagoon color palette — #CCE9FF · #4CA6FF · #3263FF · #3B36B1 · #3E336D
A conversation between Royal Blue and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#CCE9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#4CA6FF): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#3263FF): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#3B36B1): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#3E336D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.
Use it as a design system
One click turns Sapphire Lagoon 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
- Wandering Sapphire color palette (#CEE9F2, #1AA6FE, #1E5CE2, #4E2688, #361948)
- Ancient Indigo Harbor color palette (#D9EBFF, #8DBCFF, #779DFF, #546BE0, #31327A)
- Aged Lapis Boulevard color palette (#CDE3FF, #6F8CFF, #643CF7, #5A23A2, #482D61)
- Timeworn Nightshade color palette (#D6EDF6, #00A6E0, #0077C7, #053AB2, #29356F)
- Antique Cornflower Veranda color palette (#E1F4F9, #5EBDFF, #5584FF, #6C54B6, #512C5D)
- Misty Amethyst color palette (#F4F4FF, #A298FF, #6844EE, #3A1090, #24105C)
- Wandering Aubergine Harbor color palette (#DBE4FF, #7468EC, #5F00B9, #480066, #350A37)
- Ultramarine Hollow color palette (#FFF0FB, #6F88FF, #967D00, #3942D3, #463900)
Browse the whole catalog at Explore, or see today's palette.