Dusty Lagoon color palette — #F5F2EA · #C4C7A4 · #5B8F7F · #49695D · #31322B

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

The five colors

• Cream (#F5F2EA): bright and airy, almost weightless.
• Pistachio (#C4C7A4): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5B8F7F): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#49695D): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: 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

• Lagoon Garden color palette (#F9F1E3, #B7B592, #4C8269, #6F4A48, #2A2814)
• Cypress Meadow color palette (#F8F0EC, #CAE2E0, #7AA79C, #397967, #452D3E)
• Fern Study color palette (#F6F6EC, #BDC5A7, #778769, #536E58, #475408)
• Ash Archive color palette (#EFF7F2, #B9D9D2, #73A895, #5F829A, #3C524E)
• Tempered Abyss color palette (#E7DED0, #708141, #00522D, #3F1A37, #060900)
• Dusty Petrol color palette (#FDECF8, #A2B0E8, #99A26F, #616EA4, #33312A)
• Worn Iris Archive color palette (#FFEBF6, #9593D8, #889558, #747E4C, #33212C)
• Forest Delta color palette (#E7E1CC, #25673B, #00312D, #001528, #000200)

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