Lagoon Lagoon color palette — #FFF4E2 · #95C07B · #009D81 · #6E568C · #3C3E37

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint Leaf (#95C07B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#009D81): A luminous, balanced teal — the color of sea glass.
• Slate (#6E568C): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#3C3E37): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro, muted.

Use it as a design system

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

• Washed Pier color palette (#FDF4E6, #91CDB4, #32A3B1, #87617C, #414B3D)
• Chalky Jade color palette (#F5F7E9, #74B969, #208ABF, #7F4676, #3C3731)
• Mustard Study color palette (#FFF4E2, #D3AB4E, #769246, #406596, #403D36)
• Wandering Seafoam Alley color palette (#E5FBF2, #A3DE9F, #5EA285, #376987, #123937)
• Dusty Moss color palette (#FFF2ED, #8FA31E, #007979, #683B62, #3D3E37)
• Antique Emerald color palette (#F9F5E9, #B8CCA3, #65A06B, #847026, #494400)
• Emerald Meadow color palette (#E2E7D6, #35A769, #42533A, #2D2F28, #191911)
• Patina Courtyard color palette (#FFF4E2, #00C1B8, #0089B4, #9F1D59, #003E43)

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