Lagoon Basin color palette — #F3F7EE · #559266 · #386F8D · #57426D · #3B3630

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

The five colors

• Ivory (#F3F7EE): a clean, paper-quiet neutral.
• Fern (#559266): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#386F8D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#57426D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#3B3630): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Weathered Driftwood color palette (#F7F6E9, #849551, #2F775E, #3D4B74, #3A322F)
• Tempered Canyon color palette (#F7F6EB, #90A065, #47759C, #793F4A, #48413C)
• Softworn Pewter Grove color palette (#F7F6E8, #749256, #815182, #694B24, #36332D)
• Timeworn Cobalt Lagoon color palette (#E6FBF3, #317FAD, #584C86, #6A2A1A, #262D19)
• Ancient Cypress color palette (#FFF7C9, #A9C69F, #508D74, #006866, #004E62)
• Driftwood Lantern color palette (#F5F6EE, #D5DCD7, #A1AEB7, #718B66, #53534A)
• Airy Garnet Hollow color palette (#E8FBEC, #007E80, #00528E, #6E0748, #282100)
• Antique Canyon color palette (#EEF4E8, #1C926E, #314134, #252B1E, #121711)

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