Lagoon Alley color palette — #E9F4E0 · #009461 · #006857 · #003942 · #001925

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

The five colors

• Cream (#E9F4E0): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#009461): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#006857): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003942): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.

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

• Onyx Pier color palette (#D9F7E8, #008880, #006273, #00354C, #000F41)
• Softworn Workshop color palette (#DDF7E9, #008469, #00473E, #002724, #001117)
• Hushed Canyon color palette (#ECEAD0, #638300, #006D2B, #00372B, #001C1B)
• Tempered Lagoon Harbor color palette (#D1E8E7, #009CA1, #005E63, #002D2F, #000303)
• Plum Archive color palette (#D4F6FF, #008987, #B90065, #00504F, #24000F)
• Jade Cabin color palette (#D2E7D4, #00C190, #008E87, #005C6A, #00395D)
• Softworn Field color palette (#C6EEE9, #00C5EE, #8F82D5, #3A6400, #001F21)
• Tempered Corridor color palette (#C3EAE2, #00776A, #AC001A, #8A151C, #000A08)

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