Dusty Lagoon color palette — #F7F6E9 · #B5B890 · #5F8E64 · #387059 · #35362F

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#B5B890): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5F8E64): A luminous, balanced green — the color of fresh herbs.
• Pine (#387059): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#35362F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty 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

• Antique Canyon color palette (#F5F7E2, #97C9A1, #009F68, #00768B, #1C4427)
• Patina Olive Dune color palette (#F4EBD2, #A8B455, #648500, #006A5E, #2D3100)
• Washed Courtyard color palette (#FCF4E5, #92A273, #197637, #115656, #36362F)
• Ancient Cypress Studio color palette (#E3E6D8, #73B592, #008568, #005E7A, #03321E)
• Antique Coast color palette (#F6F6EB, #C5DBC6, #37A7B2, #007D71, #00424E)
• Patina Orchard color palette (#ECF9F0, #BCD58E, #73B181, #5F8C99, #203C34)
• Washed Fern Veranda color palette (#F7F5EC, #D5D3B8, #89A57B, #6F846E, #564F00)
• Antique Lagoon color palette (#DDE4D2, #4A937D, #006056, #004143, #00140E)

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