Dusty Harbor color palette — #FEF3E6 · #CFD69F · #579C63 · #236F7A · #2D2812

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

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#CFD69F): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#579C63): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#236F7A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#2D2812): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Aged Pier color palette (#F8F5EB, #ABDFB4, #009F92, #646736, #262B0F)
• Dusty Quarry color palette (#FEF3EB, #E4CE99, #80934B, #7F5563, #312612)
• Hushed Teal Lagoon color palette (#F9F5EC, #CCE9C6, #49B493, #53826E, #393932)
• Ancient Emerald color palette (#E7E1CB, #5F9F67, #005A50, #002E4A, #010100)
• Worn Pine Canyon color palette (#FFF4E0, #ADC58F, #008C5F, #703E58, #1B1900)
• Pine Cabin color palette (#F5F3DF, #8FA982, #3D7340, #3A4F08, #1E1E01)
• Antique Turquoise color palette (#FFF2EE, #D0DFF6, #23B6E4, #318146, #3B253D)
• Mustard Canyon color palette (#FFF2EA, #EEBA4E, #798700, #69428F, #291C00)

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