Lagoon Alley color palette — #EDF5EA · #009182 · #284334 · #222C1F · #121713

Built around Fern, softened by Forest — the whole palette hums with sophistication.

The five colors

• Cream (#EDF5EA): a clean, paper-quiet neutral.
• Fern (#009182): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#284334): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#222C1F): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#121713): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Aged Cerulean Study color palette (#E7F6EF, #2B87AD, #4B3347, #1C2D26, #121716)
• Antique Terrace color palette (#EAF6E7, #00B3A5, #4C5D4E, #333A32, #1F231D)
• Dusty Alley color palette (#E3F6FA, #52CEBF, #67808B, #49575A, #1C2323)
• Lowlit Cypress color palette (#D6E2D8, #007780, #002E48, #001F09, #010C06)
• Twilit Loft color palette (#D9E8D8, #4F5059, #003635, #0C1D1F, #000509)
• Amber Study color palette (#E6FCEE, #53A5B9, #C56D5F, #9B6A32, #33483B)
• Hushed Basin color palette (#EBF9F1, #70BDD4, #D67E61, #00809A, #534B47)
• Muted Market color palette (#F6F6EE, #BBC6A4, #459085, #6E681C, #44550C)

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