Sapphire Lagoon color palette — #D7E8DE · #00CDDC · #009FDC · #3D51FF · #3F0064

Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Parchment (#D7E8DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Aqua (#00CDDC): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#009FDC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#3D51FF): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#3F0064): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Linen Amethyst Parlor color palette (#D5F7F2, #16C8F5, #4397FF, #6C37F7, #49004D)
• Cobalt Loft color palette (#D9EADA, #00D7C1, #00A7C9, #006FCC, #2B006A)
• Aubergine Corridor color palette (#C0E9EC, #00B7E3, #0080C3, #0048A0, #28007F)
• Nightshade Harbor color palette (#DBFDFF, #27CFFD, #008FD8, #002EB9, #150054)
• Airy Ultramarine Courtyard color palette (#DAEDE9, #0092AC, #0558CD, #4A0087, #060006)
• Pale Coast color palette (#C4EDF4, #50B9FB, #807EDD, #913BB1, #440029)
• Worn Market color palette (#FFDEBC, #00CBC1, #5485FF, #975C00, #002F39)
• Hazy Violet color palette (#6DFDFE, #78D1FF, #799FFF, #9752DB, #630051)

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