Sapphire Lagoon color palette — #F2F8E9 · #80BDF8 · #0069D9 · #005172 · #182E67

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

The five colors

• Ivory (#F2F8E9): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#80BDF8): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069D9): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005172): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#182E67): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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

• Antique Study color palette (#EDF0E7, #88B9D4, #1D6EA1, #004D5E, #002F56)
• Hazy Sapphire color palette (#FDEFE1, #8EC0F2, #4E67D0, #00505C, #1F004B)
• Cerulean Coast color palette (#F4F6EC, #92DAF3, #008BB8, #006570, #004566)
• Periwinkle Bloom color palette (#E8F9F9, #BCDEFF, #71ACFF, #008FC6, #152C6E)
• Cornflower Field color palette (#FFF1F5, #9FD0FF, #607FFF, #007080, #362169)
• Aged Market color palette (#E7DCEB, #AD00D0, #BD0020, #005299, #380A44)
• Dusty Cypress color palette (#EBEBDC, #65ADAC, #00646A, #003F36, #00242A)
• Patina Villa color palette (#E5E7DB, #418D9A, #004453, #002223, #000B12)

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