Lagoon Terrace color palette — #F2F1CB · #009C86 · #00676C · #313C6B · #22371C

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

The five colors

• Custard (#F2F1CB): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#009C86): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#00676C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#313C6B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Forest (#22371C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged retro, 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

• Powdered Field color palette (#EAF6E8, #008981, #005987, #3E2E66, #043515)
• Emerald Garden color palette (#F5EFD2, #269F41, #006B51, #014568, #2F312B)
• Timeworn Teal color palette (#F5F8DF, #00ACB5, #1A748F, #50466E, #2E4334)
• Misty Lagoon color palette (#F7E7CE, #12A180, #006775, #572247, #071E03)
• Patina Cobalt color palette (#F4F7E9, #92CFE7, #1882AE, #005E6A, #153E59)
• Washed Navy color palette (#DBE9D6, #007571, #004550, #220B62, #001B1C)
• Tempered Workshop color palette (#E8FCE2, #00E3AA, #00BDAF, #008696, #003533)
• Softworn Aubergine color palette (#B9F6CA, #008AAE, #00558D, #59016D, #002D41)

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