Lagoon Bloom color palette — #EBF4F3 · #D1D9E0 · #B7BCC8 · #54815F · #212F2E

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

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#D1D9E0): bright and airy, almost weightless.
• Ash (#B7BCC8): soft and architectural.
• Fern (#54815F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#212F2E): a grounded near-black with real depth.

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

Use it as a design system

One click turns Lagoon Bloom 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 Pine color palette (#EFF7F7, #D4DBE0, #B5C0CB, #32875A, #394C4B)
• Dusty Lagoon color palette (#E9F5F1, #8ABEBE, #318381, #385E52, #092D2D)
• Aged Abyss Canyon color palette (#D6E5E5, #92A3A9, #647F95, #004129, #000606)
• Tempered Alley color palette (#D1F5E6, #94B7BA, #748A9B, #6E4E5B, #4A343D)
• Ancient Lantern color palette (#DFEBF2, #C5CCD5, #9EA2B7, #005F72, #061821)
• Weathered Lagoon color palette (#DAF4F9, #00887A, #1A3445, #021A1E, #010807)
• Hushed Petrol color palette (#FBECFD, #7DAA76, #00788F, #69333D, #04282B)
• Airy Iris color palette (#DFF7F9, #E8D681, #67D5C1, #608ED9, #002632)

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