Lagoon Pier color palette — #FDF6D2 · #99C897 · #1EA07F · #006D68 · #3B5846

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FDF6D2): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#99C897): A luminous, balanced green — the color of new leaves after rain.
• Fern (#1EA07F): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#006D68): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#3B5846): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Antique Lagoon Veranda color palette (#E8FCE4, #8AD7D2, #00918D, #005C52, #2A4128)
• Coral Lagoon color palette (#F4F7EA, #8FBD97, #D37D79, #458254, #534B48)
• Muted Field color palette (#FFF3E6, #C1AC6C, #818F27, #417248, #4B573F)
• Washed Cerulean Dune color palette (#EBFCDB, #65C2BF, #008FA3, #35698F, #624B5D)
• Chalky Jade color palette (#E7F5E1, #00C28B, #008381, #005564, #273462)
• Aged Ember Basin color palette (#F1F9E6, #51AC85, #C86966, #9D6137, #41443D)
• Driftwood Station color palette (#F2F8E7, #C2ECE4, #D7DAFF, #8C9469, #455045)
• Tempered Harbor color palette (#FFDCCA, #FFBCC4, #00D9D6, #334B44, #2C332B)

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