Dusty Pine Pier color palette — #F9F6DE · #86B16C · #13731E · #4D3800 · #030A00

Built around Olive, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F6DE): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#86B16C): A luminous, balanced green — the color of new leaves after rain.
• Olive (#13731E): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#4D3800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#030A00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Taupe Basin color palette (#FDF4E4, #AFA543, #606600, #5E2C00, #0B0700)
• Aged Moss color palette (#E4E5D4, #919A00, #556C00, #203800, #020E00)
• Dusty Station color palette (#DEFFDD, #57BF5F, #0E7617, #043003, #000200)
• Washed Villa color palette (#E0E3D0, #4AA270, #005C42, #2F2D00, #000201)
• Patina Pier color palette (#F4F0CA, #7DA100, #E40918, #415600, #170000)
• Ancient Pine color palette (#F6F7E3, #92CC95, #228B56, #3E5A2E, #171B00)
• Weathered Courtyard color palette (#F2EDD7, #6A862B, #224700, #1B1D00, #010100)
• Muted Olive color palette (#F5F9D7, #A0F8BF, #45D0AC, #4C7300, #131700)

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