Lagoon Field color palette — #EAF7E2 · #009D80 · #AB5A55 · #74413E · #131E0A

Fern takes the lead with Brick close behind in a set that reads as balance at first glance.

The five colors

• Cream (#EAF7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#009D80): A luminous, balanced teal — the color of shallow lagoons.
• Brick (#AB5A55): A full-bodied, balanced orange — the color of toasted spice.
• Coffee (#74413E): A full-bodied, dusty orange — the color of toasted spice.
• Ink (#131E0A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Balance. Tagged muted.

Use it as a design system

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

• Quiet Market color palette (#F1F4E2, #499B4F, #9E5C83, #723D5E, #191C0B)
• Antique Villa color palette (#E8F6EB, #0090A0, #8E486C, #662B3B, #191502)
• Hushed Turquoise color palette (#E4F8EB, #00A6C2, #A97362, #884D27, #19261E)
• Cerulean Chapel color palette (#E8F8FF, #0092A2, #8E5E84, #723D67, #203740)
• Ancient Teal Lagoon color palette (#E2FBFF, #00B7A6, #B379A7, #9C5951, #15393E)
• Weathered Terracotta Field color palette (#DCEED8, #007C71, #9D3100, #543300, #000E0C)
• Turquoise Workshop color palette (#FFEFDE, #17B0BE, #4969AA, #643C06, #0D291E)
• Pale Mint Bloom color palette (#E2FAFF, #0ACEBB, #819BE1, #7C7434, #092A2F)

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