Lagoon Pier color palette — #FBF3F1 · #CEE8E1 · #8FBDA7 · #5C966B · #604961

Fern takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Honeydew (#CEE8E1): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#8FBDA7): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#5C966B): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#604961): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Lagoon Pier 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 Lagoon color palette (#FBF3F1, #C5E6DF, #68AFD3, #3D8D60, #573E56)
• Antique Taupe color palette (#EBFAEB, #FBD9F7, #C6E5E7, #80A887, #3F5147)
• Washed Cerulean color palette (#ECF9F0, #95D0DB, #DF9CA4, #009EB1, #66433A)
• Aged Cerulean Loft color palette (#F1F3D2, #9DD5BF, #45ACA7, #0087A3, #28594A)
• Denim Courtyard color palette (#F7E9E3, #5C9EA9, #005F89, #003E27, #01002F)
• Tempered Amber color palette (#E8FAEF, #72BED4, #DB8B8F, #C0754E, #2F493A)
• Fern Lantern color palette (#FDF3EB, #D8C8B0, #B4957A, #9A6460, #544700)
• Frosted Cobalt color palette (#F7ECE5, #9CCCE5, #5385D7, #006D63, #2D225B)

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