Sapphire Lagoon color palette — #FFF1F5 · #82BFEC · #1759F8 · #00555C · #2F2863

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sky (#82BFEC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#1759F8): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2F2863): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Ancient Quarry color palette (#FFF0F8, #74C4E2, #0072B9, #005651, #1D2D67)
• Misty Ultramarine Atelier color palette (#E1EBE0, #76A3CE, #2D41C9, #003D46, #211444)
• Powdered Field color palette (#E0FCFB, #9BD1FF, #198DF9, #006D92, #163160)
• Softworn Nightshade color palette (#D2F3F4, #00A3C3, #00649D, #0031B7, #272974)
• Worn Ultramarine Summit color palette (#E8F0FF, #588DFF, #121AF9, #002C66, #000E5D)
• Hushed Fuchsia color palette (#EBF6FF, #CBD2FF, #E06BDC, #006A7B, #2B3868)
• Airy Periwinkle Chapel color palette (#FFF4E2, #B8DFFF, #73ABFF, #0093B0, #22296C)
• Feathered Cobalt Meadow color palette (#CEE8FF, #008DD1, #916800, #00547E, #3D2A00)

Browse the whole catalog at Explore, or see today's palette.