Sapphire Lagoon color palette — #E9FBE7 · #7BBFF6 · #4D5DD9 · #005557 · #3E1F62

Royal Blue and Royal Purple set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9FBE7): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#7BBFF6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#4D5DD9): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#3E1F62): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Washed Summit color palette (#F8EAF0, #80BAD8, #3B67AE, #005049, #2D284B)
• Muted Sapphire Thicket color palette (#EFF4E7, #88C0F9, #296ED0, #004C6D, #030855)
• Cobalt Lagoon color palette (#FEF1F8, #7BDEFB, #1B84D2, #006952, #343A6D)
• Cornflower Thicket color palette (#E6FAFA, #A1D0FF, #3289FE, #006B97, #132B72)
• Nightshade Field color palette (#CAEDEB, #009FC0, #0060A4, #311FAE, #401A69)
• Spruce Lagoon color palette (#EFE1F0, #50B0AE, #006178, #00420E, #00203E)
• Linen Cobalt Loft color palette (#E1F0FD, #0076BE, #786200, #425515, #002642)
• Timeworn Coast color palette (#ECF7FF, #D9CBFF, #DA77B0, #006D6F, #2B395B)

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