Lagoon Coast color palette — #ECF9F0 · #A2BF91 · #2A9474 · #2C6B86 · #163D36

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

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Sage (#A2BF91): A luminous, dusty green — the color of new leaves after rain.
• Fern (#2A9474): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#2C6B86): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#163D36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Olive Villa color palette (#FCF2F7, #C8B184, #7A8840, #1B7265, #223C29)
• Seafoam Lagoon color palette (#FAF5E7, #B1E09E, #3F9D82, #436E5D, #292914)
• Softworn Mulberry color palette (#D9E9E0, #8EB085, #00856C, #87364A, #17300F)
• Dusty Olive Field color palette (#FFF1F6, #BDB688, #658E4D, #7F507C, #1A3E2C)
• Washed Orchard color palette (#F6F6EA, #79A881, #007556, #0C5658, #333A00)
• Cypress Grove color palette (#D6EAE0, #73A073, #007161, #004A6F, #002203)
• Aged Grove color palette (#F0F8EF, #BED8CC, #86A682, #837699, #3A5448)
• Aged Canyon color palette (#FAF3F8, #B6DBEE, #5C9BD1, #007F62, #2F3661)

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