Dusty Pine Lagoon color palette — #ECF3DF · #008B53 · #005E65 · #00345D · #170037

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

The five colors

• Cream (#ECF3DF): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008B53): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005E65): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#170037): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Misty Pine color palette (#E9EEE0, #008B53, #005E68, #002D73, #121300)
• Onyx Orchard color palette (#E0F4E4, #00646D, #00386D, #250046, #000301)
• Patina Cypress color palette (#D8F0DB, #66AB90, #008279, #2B4B6C, #1E2A53)
• Dusty Olive Garden color palette (#F3EFDA, #717D00, #00624A, #003948, #1B0F00)
• Emerald Loft color palette (#D9F1DB, #00A15C, #007953, #004938, #00221B)
• Airy Onyx Field color palette (#F1EACF, #5A5C00, #00395E, #36003D, #270016)
• Tempered Cobalt color palette (#E7EADE, #84BAD2, #007EB0, #005765, #002139)
• Wandering Olive color palette (#E7E9D0, #307200, #2E393E, #002D11, #0A0A00)

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