Lagoon Lagoon color palette — #F2F6F1 · #D2DEDD · #D0BDC3 · #168676 · #444A42

Fern and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F2F6F1): bright and airy, almost weightless.
• Silver (#D2DEDD): bright and airy, almost weightless.
• Stone (#D0BDC3): A luminous, dusty rose — the color of a warm blush.
• Fern (#168676): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#444A42): quiet, heavy and certain.

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

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

• Softworn Lagoon color palette (#EBF3F5, #D2D9E2, #B5BDD0, #1F867E, #242E30)
• Muted Chestnut Station color palette (#F6F7E0, #AAB498, #698D7A, #825B18, #3F553B)
• Softworn Pier color palette (#D7EADD, #007F91, #3F293F, #122418, #070F0B)
• Hushed Denim Alley color palette (#F9F3F8, #E1D6D6, #C3ADAE, #2E62B0, #423641)
• Worn Lagoon color palette (#DAE1DA, #9EADA6, #8E7789, #00413F, #081807)
• Dusty Cocoa color palette (#FFF2E9, #5DAA84, #1D719E, #7B3700, #2F432D)
• Frosted Mulberry Orchard color palette (#F5F6E9, #6E965D, #82498B, #584600, #2B3809)
• Navy Chapel color palette (#F1E8EF, #C7B3B9, #AA8383, #203897, #271B25)

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