Sapphire Lagoon color palette — #FFF0F7 · #7CC2E5 · #006ECA · #005656 · #23286F

Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sky (#7CC2E5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006ECA): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
• Navy (#23286F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Misty Terrace color palette (#FDF1FA, #5DCAD5, #00799A, #005841, #00355B)
• Worn Cobalt Station color palette (#F0F4E5, #88C4E4, #0079B2, #004F5F, #001B33)
• Denim Balcony color palette (#F4E4EA, #79A5C1, #1552AC, #003D41, #1A1647)
• Softworn Azure color palette (#E4FBF9, #8BD6FC, #0096DB, #006F85, #00355C)
• Weathered Iris color palette (#F1F7F1, #CADFF4, #7588C0, #006F7E, #3F4565)
• Powdered Periwinkle Balcony color palette (#FFF3E9, #ACE2FF, #67AEFF, #009798, #252A69)
• Ancient Canyon color palette (#F2F4FF, #F8BAF8, #F27980, #345EB0, #472559)
• Timeworn Lagoon color palette (#F4E7F0, #509DA1, #005266, #003120, #001527)

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