Lagoon Loft color palette — #FBF3F0 · #CDE8E4 · #8CBEAB · #399986 · #614961

A conversation between Fern and Mint Leaf, giving this palette its sense of sophistication.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#CDE8E4): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#8CBEAB): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#399986): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#614961): A full-bodied, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Tempered Lagoon color palette (#FAF4F0, #CFE5DF, #85BBCB, #529774, #325248)
• Lagoon Courtyard color palette (#FAF4F0, #CDE7E7, #C3A5C6, #399696, #65485D)
• Patina Denim color palette (#F1E6E0, #739D88, #005C96, #003C38, #02002F)
• Weathered Boulevard color palette (#F9F5EB, #D4C39A, #9DAFE7, #9D8D28, #5E4358)
• Washed Petrol color palette (#FBECE6, #95BD9F, #007FA9, #005B48, #001F40)
• Antique Pine color palette (#FBF3F0, #C4DCC5, #34A4C2, #008055, #113E5B)
• Periwinkle Basin color palette (#FFF3E9, #B3E2FF, #519BFF, #008286, #343679)
• Hushed Cobalt Hollow color palette (#F5EDE5, #A1D0C3, #6A83C9, #006A78, #2F2259)

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