Lagoon Terrace color palette — #DFE5BA · #7AC2A5 · #008A8A · #00657C · #34426D

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

The five colors

• Celadon Mist (#DFE5BA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#7AC2A5): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#008A8A): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00657C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#34426D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

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

• Misty Lagoon Drift color palette (#F8E9BE, #90B374, #009269, #006864, #004C54)
• Patina Teal color palette (#B3EBEE, #37C1AE, #008684, #005F68, #003541)
• Tempered Quarry color palette (#C0EFCB, #64E4B7, #07C4C0, #3F95B1, #224661)
• Petrol Market color palette (#E7F9DC, #82C9C9, #2F8FB0, #2D69A4, #624259)
• Ancient Navy color palette (#D2E6DE, #00A89E, #007485, #004B72, #082184)
• Dusty Coral color palette (#E9FAEC, #59AFB8, #C36C71, #00737D, #603336)
• Weathered Cypress color palette (#D2ECD5, #007F70, #004649, #002633, #12082F)
• Lagoon Boulevard color palette (#EDF9EE, #C0DEF2, #D0B9F2, #558F62, #385444)

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