Lagoon Basin color palette — #EDF8F6 · #CFDBE3 · #B4BFCD · #5C8F5F · #2E3E3C

Fern and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Silver (#CFDBE3): bright and airy, almost weightless.
• Ash (#B4BFCD): A luminous, dusty blue — the color of deep harbor water.
• Fern (#5C8F5F): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#2E3E3C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Cerulean Station color palette (#EBF7FE, #D7D8EA, #C2BBD5, #1694B6, #2C4350)
• Washed Hollow color palette (#E4FBF4, #90C39C, #4B8F80, #5C6940, #183C3A)
• Dusty Archive color palette (#F4F6EF, #D4DBD6, #ACB8A4, #08783C, #364000)
• Timeworn Villa color palette (#D0E8EB, #00967D, #214554, #0A2629, #04100F)
• Antique Parlor color palette (#D4F5ED, #93C4CA, #718FA4, #7F5C74, #5A404D)
• Aged Abyss color palette (#DEEDF4, #99A7B3, #7C8799, #004E5A, #000B12)
• Worn Forest color palette (#E0EAEA, #B2C9CE, #89AABA, #157244, #062524)
• Hushed Corridor color palette (#FFE6F4, #67B774, #008793, #7C3E58, #00383C)

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