Dusty Pine color palette — #F5F7E5 · #8FCC99 · #188C5B · #71451B · #171B00
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#8FCC99): A luminous, balanced green — the color of new leaves after rain.
- Fern (#188C5B): A full-bodied, balanced teal — the color of shallow lagoons.
- Bronze (#71451B): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#171B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, 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
- Olive Cabin color palette (#FDF4E3, #C1BF77, #717F00, #72451F, #1F1700)
- Emerald Grove color palette (#FAF6DC, #9DD86A, #219816, #725200, #122400)
- Lagoon Pier color palette (#F4F7E9, #A1E1BE, #329F80, #7D5C31, #232C10)
- Antique Harbor color palette (#FFF4E0, #B0A35F, #656400, #5B2E11, #0A0700)
- Wandering Mint color palette (#E9E6CE, #88CD94, #38A58D, #896886, #272C06)
- Hushed Pine Courtyard color palette (#DEE1CE, #3F8D5A, #004830, #1F1C00, #000200)
- Forest Basin color palette (#CBE7E0, #6D9A74, #00654A, #55263F, #001805)
- Moss Harbor color palette (#E6E1CF, #839938, #365900, #3E2500, #010100)
Browse the whole catalog at Explore, or see today's palette.