Lagoon Study color palette — #E4E7D5 · #539D7E · #006359 · #5C2D39 · #222E0F

A conversation between Fern and Pine, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E4E7D5): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#539D7E): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#006359): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5C2D39): A deep, shadowed, dusty red — the color of late-summer berries.
• Deep Forest (#222E0F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Timeworn Emerald color palette (#EFEEC8, #50A766, #006B50, #643500, #003915)
• Basalt Quarry color palette (#E0DFCE, #689A85, #006166, #5A2045, #00170E)
• Weathered Fern color palette (#EEE4CE, #87934A, #38611C, #4D3157, #302902)
• Aged Fern color palette (#FFF4E2, #A09E69, #576C27, #693C3F, #38352F)
• Antique Garden color palette (#D7E9E4, #7DB29C, #008188, #783F63, #003223)
• Hushed Delta color palette (#F8EACE, #BBCA88, #6DA67A, #815105, #363201)
• Mulberry Grove color palette (#F2E7D2, #816900, #006A7B, #77266D, #271E00)
• Dusty Olive Station color palette (#E3E1D2, #457B36, #004326, #3B1600, #031400)

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