Lagoon Lagoon color palette — #F8F5EF · #CCE6E3 · #89B9D3 · #2B9896 · #2E534A

Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CCE6E3): A whisper-light, dusty teal — the color of sea glass.
• Ash (#89B9D3): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#2B9896): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#2E534A): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Weathered Field color palette (#F9F4EC, #BFE8E6, #6DADD7, #008C90, #573D59)
• Muted Basin color palette (#EAFAF1, #90CFE6, #E69C85, #009BBF, #534B47)
• Timeworn Cerulean color palette (#F2EEE7, #94D2CE, #0098A5, #006F50, #003441)
• Hushed Petrol Loft color palette (#E8E1D7, #97BBA3, #0080A7, #005A54, #002138)
• Soft Petrol color palette (#F5EADA, #77A9C7, #0068B4, #004952, #01014B)
• Aged Moss Coast color palette (#E5FBF1, #74BCDD, #D28CAE, #98983B, #2B4A3D)
• Feathered Pier color palette (#FDF4E6, #9DD1FF, #4587FC, #006F88, #26286C)
• Softworn Pier color palette (#FDF4E7, #D4C9B4, #AF9871, #8F6C4E, #564600)

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