Dusty Pine color palette — #F5F3E0 · #8EAA7D · #347534 · #22513B · #1E1D02

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F3E0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8EAA7D): A luminous, dusty green — the color of new leaves after rain.
• Olive (#347534): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#22513B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1E1D02): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

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 Moss Veranda color palette (#EDE4CE, #9B9B00, #546300, #00493D, #171700)
• Softworn Study color palette (#F1F3E9, #ADB994, #41846A, #455D3E, #242A15)
• Worn Forest color palette (#E6E8D9, #629D79, #006549, #004050, #0F1500)
• Dusty Emerald Study color palette (#FCF4E5, #CAD7A4, #559D5B, #29706E, #2C2810)
• Washed Basin color palette (#EAEAD9, #478A4A, #00522B, #003226, #000B01)
• Airy Emerald color palette (#F2E4F4, #4795E3, #009452, #00569A, #00230F)
• Shadow Fern Ridge color palette (#E1DFD1, #416323, #043404, #001819, #010100)
• Sunlit Plum Thicket color palette (#FFE5F7, #5D70DD, #A93E8E, #006772, #210A1C)

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