Lagoon Studio color palette — #F6F2E4 · #97C094 · #3C8474 · #3A5D51 · #272919

Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F2E4): bright and airy, almost weightless.
• Mint Leaf (#97C094): A luminous, dusty green — the color of fresh herbs.
• Fern (#3C8474): A full-bodied, dusty teal — the color of sea glass.
• Pine (#3A5D51): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#272919): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Lagoon Studio 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 Boulevard color palette (#FAF0E6, #BDB676, #5E8051, #684C54, #2E2611)
• Cypress Bloom color palette (#F6F2E5, #80AD82, #1E7466, #5E3C37, #1B1E07)
• Fern Study color palette (#F4F7EA, #A8B593, #3B826D, #4C6049, #374A00)
• Teal Boulevard color palette (#E6FAF6, #BFF5D0, #67AE99, #577D8B, #243E3D)
• Weathered Cerulean Canyon color palette (#F8F0EB, #AEE7FA, #6591BF, #1D6D5A, #3C2234)
• Patina Harbor color palette (#FFECF5, #9275EB, #7F8635, #3D763F, #2C1622)
• Pine Bloom color palette (#E7E4D4, #007C46, #003F3C, #001F3C, #000401)
• Pale Amber color palette (#FFDEC3, #B29100, #496600, #492F67, #1C1500)

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