Lagoon Alley color palette — #FFF2E9 · #9DB171 · #1B897A · #724B65 · #474941

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sage (#9DB171): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#1B897A): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#724B65): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#474941): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Teal Harbor color palette (#FFF2EC, #6BB9A0, #39809F, #784C47, #3D4D3C)
• Ancient Mint Lantern color palette (#DFF9EE, #88BB82, #44886B, #2D576F, #1A312F)
• Washed Olive Garden color palette (#FFF3E7, #C6A073, #658240, #604E7F, #5D4300)
• Aged Mint Atelier color palette (#FAF5E4, #96D08B, #6BA086, #527869, #444E00)
• Timeworn Mint Workshop color palette (#F5F6EC, #F7ECA3, #90E08E, #2FA4BA, #4B4D46)
• Ash Field color palette (#F9F4EF, #C7EAEF, #8398CA, #3B7983, #604C56)
• Hushed Drift color palette (#F8F5EE, #C4C3A6, #608D6F, #7D6217, #554F00)
• Teal Delta color palette (#E9FAED, #BBDCA8, #76BFAA, #8688AE, #324E4B)

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