Lagoon Ridge color palette — #E7F1EF · #93D2CE · #00999E · #006E5D · #00353B

Cerulean and Pine set the tone — five colors that lean into calm and sophistication.

The five colors

• Cream (#E7F1EF): a clean, paper-quiet neutral.
• Lagoon (#93D2CE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00999E): A luminous, balanced teal — the color of glacier melt.
• Pine (#006E5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#00353B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Lagoon Ridge 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

• Hushed Basin color palette (#EDF8F6, #B0DDED, #18A7BC, #007D76, #1A3F51)
• Muted Pier color palette (#D5E4E2, #3DA2B1, #006376, #003B3B, #000B11)
• Wandering Drift color palette (#D8EBE8, #75BECF, #0081A0, #00585C, #002332)
• Worn Cobalt Grove color palette (#E7F1F0, #A4CAE6, #008ED8, #006880, #052F54)
• Misty Forest color palette (#FCF1FE, #AEF5F0, #02A2C3, #296C29, #00203B)
• Timeworn Workshop color palette (#CDE6D0, #C58D00, #009C84, #825B00, #003128)
• Muted Brick color palette (#DDECE1, #A48200, #009255, #B73134, #281E00)
• Muted Bronze color palette (#DCFFE5, #E5DB8E, #ADC169, #A36F00, #193927)

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