Lagoon Bloom color palette — #ECF4F3 · #D2D8DC · #B3AFBD · #5A916A · #2F3838

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D2D8DC): bright and airy, almost weightless.
• Ash (#B3AFBD): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#5A916A): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#2F3838): 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

• Softworn Meadow color palette (#EFF7F7, #D4DBE1, #B1AAB6, #5E8E73, #4B5555)
• Antique Workshop color palette (#ECF3F7, #D7D7E1, #C0BAC7, #07829D, #242E33)
• Muted Abyss Terrace color palette (#DAE4E8, #A9B5C0, #838DA9, #004D55, #010D13)
• Pewter Lantern color palette (#DDFAEC, #A9C9CB, #7E97A9, #7C5D6A, #49363D)
• Antique Cocoa Basin color palette (#FAEDFA, #95B78C, #468291, #7A3D42, #0F3234)
• Timeworn Delta color palette (#E1ECEC, #7D9198, #576E82, #003321, #000202)
• Dusty Lagoon color palette (#E2F0F3, #3B9389, #2E3E49, #0E2225, #070E0D)
• Seafoam Lagoon color palette (#E4F6F6, #F7F6B7, #66DBC1, #6D98D7, #00323D)

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