Dusty Pine color palette — #F4F6EF · #D5DBD6 · #B4C3BA · #538158 · #474941

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D5DBD6): bright and airy, almost weightless.
• Stone (#B4C3BA): A luminous, dusty teal — the color of sea glass.
• Fern (#538158): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#474941): quiet, heavy and certain.

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

• Tempered Corridor color palette (#F2F2EC, #D0DBD5, #ACC3BD, #538349, #2C2D25)
• Fern Archive color palette (#F6F6E8, #ADB48D, #517F62, #5E5D0E, #414700)
• Petrol Drift color palette (#EFF8F3, #CCDDDE, #A6B8B3, #246D86, #313E37)
• Ancient Abyss color palette (#E9EDE4, #A4AC9D, #75856E, #004328, #111605)
• Cocoa Drift color palette (#DDF5D2, #A9C5A7, #7A9282, #745F6E, #694443)
• Denim Atelier color palette (#DDEBE5, #ADBDB8, #9B869A, #004A6A, #09251C)
• Timeworn Teal Alley color palette (#F8F6E0, #5FA984, #24796E, #2B4F7B, #3B3E38)
• Pale Mint color palette (#F1F8EA, #B0F6BE, #5FCFA9, #00A9A6, #334326)

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