Lagoon Studio color palette — #F0F3EA · #A7BB98 · #238679 · #3F5E43 · #212B1A

Fern takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F0F3EA): bright and airy, almost weightless.
• Sage (#A7BB98): A luminous, dusty green — the color of fresh herbs.
• Fern (#238679): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#3F5E43): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#212B1A): 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 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

• Ancient Lagoon Pier color palette (#F3F2EA, #C4C6A3, #629067, #536756, #31322B)
• Tempered Archive color palette (#F0F5DD, #70BA94, #007E62, #00546D, #002817)
• Hushed Lagoon color palette (#EAF8F8, #91D4BE, #4AA092, #517985, #2B484A)
• Tempered Olive color palette (#F9F1E1, #A7A36E, #646B00, #65363D, #241B02)
• Tempered Teal Grove color palette (#F6F6E9, #C3E8CE, #41B3A5, #5B7F70, #303F00)
• Aged Cerulean color palette (#F1F3EB, #C4E5D7, #4995C9, #00697F, #07342C)
• Weathered Lagoon Lantern color palette (#DEE3D4, #44A085, #006357, #003E5A, #0A1600)
• Deep Garden color palette (#ECEEDA, #066A2D, #00331D, #00171D, #000200)

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