Lagoon Cabin color palette — #EDF4EB · #3A8C86 · #314134 · #222C20 · #111714

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

The five colors

• Cream (#EDF4EB): a clean, paper-quiet neutral.
• Fern (#3A8C86): A full-bodied, dusty teal — the color of sea glass.
• Forest (#314134): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#222C20): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#111714): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Teal Field color palette (#E7F5F8, #38B0A4, #445C69, #2B3B3F, #1C2323)
• Softworn Aqua color palette (#E2F6FB, #00D2C7, #678089, #48585B, #1C2324)
• Eclipse Villa color palette (#DDF1E2, #007685, #00303E, #001C21, #000C09)
• Aged Cobalt color palette (#ECE0EC, #4373AE, #41293D, #281829, #081618)
• Softworn Lagoon color palette (#E4FCF0, #61A2BE, #8C7FBA, #3D8765, #32483E)
• Nocturne Denim color palette (#D2F7EB, #004974, #21262E, #000D28, #000308)
• Petrol Balcony color palette (#ECF9F1, #7DBBCE, #8FA165, #007F9A, #4E4D46)
• Washed Studio color palette (#F4F6EF, #BBC5AB, #758963, #616D27, #425510)

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