Lagoon Terrace color palette — #F7F7E0 · #8CCBA8 · #00897F · #694161 · #141C02

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

The five colors

• Cream (#F7F7E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#8CCBA8): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#00897F): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#694161): A full-bodied, dusty pink — the color of peonies in June.
• Ink (#141C02): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Frosted Pine color palette (#FCF4E7, #B2C576, #358B41, #5A4575, #1D1800)
• Muted Lagoon color palette (#FCF4EB, #DDD190, #7B9549, #7B566D, #31260B)
• Patina Lagoon Boulevard color palette (#D1E5DD, #669C73, #00635B, #582731, #001615)
• Aged Navy color palette (#D0EBE9, #599B83, #00625C, #3D3565, #003124)
• Tempered Olive Veranda color palette (#FFF3E3, #A8A841, #367000, #3F3163, #080800)
• Washed Mint color palette (#D2EAEB, #39D5B8, #00A79C, #4D7A9D, #002F34)
• Gentle Plum color palette (#FFF2EF, #FB7A9E, #00A5AF, #AE2257, #001D1F)
• Washed Hollow color palette (#FAF4E9, #DEEDBA, #6EB075, #926878, #3A3932)

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