Dusty Pine color palette — #F4F6EF · #D2DFD9 · #ADC7C3 · #4D825B · #474940

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D2DFD9): bright and airy, almost weightless.
• Stone (#ADC7C3): A luminous, dusty teal — the color of sea glass.
• Fern (#4D825B): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#474940): 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 Dusty Pine 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

• Petrol Cabin color palette (#EFF8F1, #CBDEDF, #D1B0CC, #007884, #354439)
• Muted Basin color palette (#EFF3D6, #A8C3A3, #639486, #8C5229, #604700)
• Abyss Field color palette (#DEE3D7, #9EAF9D, #658975, #00432C, #111608)
• Weathered Cypress Loft color palette (#F1F8EC, #C3DAC6, #7FAEC7, #006A56, #2D3627)
• Denim Loft color palette (#E7F0ED, #C3B4BF, #A68292, #00496E, #0E241D)
• Hushed Cabin color palette (#FFF2EB, #57AC74, #007787, #713A48, #344229)
• Pale Pier color palette (#EEFAE7, #C6E690, #00DAAE, #1F91C7, #2D4A2E)
• Feathered Drift color palette (#F4F7EB, #409F5D, #5A58A4, #743023, #4C2B05)

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