Lagoon Basin color palette — #F2F8E3 · #8AC89E · #CE8DB6 · #449363 · #58354B

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

The five colors

• Cream (#F2F8E3): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8AC89E): A luminous, balanced teal — the color of sea glass.
• Mauve (#CE8DB6): A luminous, balanced pink — the color of neon signs at night.
• Fern (#449363): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#58354B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Muted Lagoon Parlor color palette (#F1F8ED, #85D6C4, #E39C94, #34A08C, #534B48)
• Airy Mallow color palette (#F1F9E4, #8FE1B2, #F699DF, #4EB680, #5D3539)
• Hushed Workshop color palette (#E9F9F8, #70B08B, #B96B9D, #00794A, #5F2F4E)
• Frosted Olive Lagoon color palette (#F8F6E4, #A7C475, #8C9FED, #6F8C37, #364066)
• Softworn Jade color palette (#F0F9E1, #4FBC8B, #C67FA1, #AE6969, #363932)
• Pale Mallow color palette (#E8F9FC, #86E9DC, #D4A1FE, #009F92, #422E52)
• Pale Field color palette (#E5FCE9, #00C5D3, #F46C2C, #008892, #652200)
• Worn Ridge color palette (#FFF4E3, #C8BE96, #A48C5B, #8A5D44, #3E4100)

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