Sapphire Lagoon color palette — #DCE8F2 · #0069C9 · #003781 · #03004E · #01000B
Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#DCE8F2): a clean, paper-quiet neutral.
- Royal Blue (#0069C9): A full-bodied, vivid blue — the color of open sky before noon.
- Navy (#003781): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#03004E): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, 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
- Antique Ridge color palette (#D6F1FF, #0078AB, #00436D, #001A33, #000106)
- Velvet Nightshade Balcony color palette (#DAE5F8, #455BD0, #300BAA, #12003B, #020008)
- Faded Navy color palette (#EBDDE7, #515DC8, #9C0D3F, #1D0082, #040001)
- Navy Coast color palette (#DFF0F5, #00527B, #000E86, #090038, #020007)
- Navy Courtyard color palette (#FEE4F3, #BEB0F7, #AA81C7, #294490, #010008)
- Ultramarine Orchard color palette (#E2E7FE, #4032CB, #7C005E, #003941, #01000A)
- Faded Aubergine Studio color palette (#E8E4FF, #7B48C3, #5E008E, #2D003C, #030004)
- Gentle Indigo color palette (#D7E3FF, #92A5FF, #6760D4, #50359F, #240A48)
Browse the whole catalog at Explore, or see today's palette.