Sapphire Lagoon color palette — #C7E8EB · #09B9E5 · #008DE1 · #225FDC · #272467
A conversation between Royal Blue and Azure, giving this palette its sense of trust and stability.
The five colors
- Frost (#C7E8EB): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#09B9E5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Azure (#008DE1): A luminous, vivid blue — the color of a favorite pair of jeans.
- Royal Blue (#225FDC): A full-bodied, vivid violet — the color of a velvet chair.
- Navy (#272467): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. 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
- Aged Study color palette (#C8ECE8, #00BDCD, #009BC9, #006EB1, #152A6A)
- Lapis Loft color palette (#DBEBF0, #53B2F6, #4281FB, #5A3EDA, #381859)
- Gentle Cobalt Boulevard color palette (#BFE9FF, #3FBCFF, #0084CC, #005092, #03204D)
- Powdered Sapphire color palette (#DDE9FF, #9EBFFF, #5C93F8, #365AD8, #00034E)
- Powdered Delta color palette (#D0E0F1, #70B4F7, #DD9E1F, #007BD0, #382500)
- Worn Azure color palette (#EAF4FF, #E4D2ED, #F4ACE0, #00A6D0, #262A52)
- Mint Alley color palette (#DDF2E3, #03C9A9, #009CA0, #007085, #003149)
- Hushed Grape Studio color palette (#D2E7FF, #5B82F8, #6530F1, #620096, #220023)
Browse the whole catalog at Explore, or see today's palette.