Lagoon Canyon color palette — #EDF4EB · #009084 · #304137 · #242B22 · #101712

Fern and Forest set the tone — five colors that lean into sophistication.

The five colors

• Cream (#EDF4EB): a clean, paper-quiet neutral.
• Fern (#009084): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#304137): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#242B22): a grounded near-black with real depth.
• Ink (#101712): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Tempered Teal Harbor color palette (#ECF5EA, #54ADA4, #4B5E4D, #2F3C2C, #1F231D)
• Wandering Canyon color palette (#E6F5F8, #4ACFBE, #677F8D, #46585C, #1D2323)
• Petrol Station color palette (#D4EFDA, #007681, #062E47, #021E0B, #000B06)
• Aged Cobalt color palette (#D0ECE4, #1A74C0, #412A37, #0F231F, #050F0E)
• Spruce Terrace color palette (#CEE6CE, #4F5059, #003536, #0C1D1F, #000509)
• Hushed Dune color palette (#E7FBF0, #4BA4C4, #BB755E, #8A6D2F, #30493D)
• Hushed Petrol color palette (#EBF9F1, #72BCD3, #C38872, #167F98, #534B47)
• Ancient Olive color palette (#F6F6EC, #BCC5AC, #73886E, #6D691D, #43550F)

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