Lagoon Garden color palette — #F8F5EF · #CEE4E0 · #87BAD0 · #309890 · #2D5348

Fern takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CEE4E0): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#87BAD0): A luminous, dusty blue — the color of deep harbor water.
• Fern (#309890): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#2D5348): A full-bodied, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Cerulean Cabin color palette (#F8F5EF, #CBE7E9, #91B4E0, #3994A8, #624A5C)
• Antique Petrol color palette (#EAE4DC, #97BCA0, #0081A0, #005A50, #002235)
• Powder Canyon color palette (#FAF2F8, #D6D5E5, #9DCDF0, #7EAE98, #475367)
• Worn Cypress Grove color palette (#FAF4EB, #C1DDC2, #43A5B6, #007F64, #074153)
• Aged Terrace color palette (#E9E3DA, #66ACCC, #006BA8, #00494F, #001134)
• Washed Lagoon color palette (#FBF7D4, #B1D0A6, #73AD78, #268B62, #435438)
• Emerald Workshop color palette (#F3F7E9, #9FD2B1, #D69CC3, #49A16E, #643F58)
• Ancient Cobalt Pier color palette (#F5EDE2, #A3C9EA, #5B86CC, #006880, #222859)

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