Sapphire Lagoon color palette — #C1E3FF · #66AAFF · #3366E6 · #2B2D8E · #1A0050
Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.
The five colors
- Powder Blue (#C1E3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#66AAFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#3366E6): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#2B2D8E): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#1A0050): 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 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
- Gentle Archive color palette (#D4E4FF, #8CA1FF, #6A58D9, #471C8C, #2C004C)
- Chalky Navy Study color palette (#D4F1FF, #1EB3F7, #0077C2, #003B87, #0D0061)
- Linen Lapis color palette (#D8E6FB, #5A84F4, #4A44BC, #2E0F6F, #16002D)
- Hushed Cornflower Lantern color palette (#FFECF0, #2892FD, #4A53BA, #651F4A, #0A1B39)
- Timeworn Indigo color palette (#FFEAFE, #88D1FF, #7DB6FF, #7375FA, #051945)
- Iris Harbor color palette (#E1FBFF, #A8D9FF, #6794FF, #6A43AE, #40004A)
- Turquoise Boulevard color palette (#8BFCFF, #00B9CE, #00809D, #004762, #002135)
- Sunlit Coast color palette (#EEECFF, #B696EF, #8D5FA8, #62346E, #3C0438)
Browse the whole catalog at Explore, or see today's palette.