Dusty Pine color palette — #F2F3E6 · #9DA57D · #2A754D · #693807 · #042309

Pine and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F3E6): a clean, paper-quiet neutral.
• Sage (#9DA57D): A luminous, dusty green — the color of fresh herbs.
• Pine (#2A754D): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#693807): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#042309): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Patina Fern color palette (#ECE4CF, #939C52, #4D6500, #5B3300, #151800)
• Bronze Loft color palette (#F7F1E8, #C0B194, #7E773D, #764734, #31250D)
• Aged Cypress color palette (#E9FAF3, #81A683, #00745D, #613C5D, #113D3A)
• Aged Chestnut color palette (#FFEFDA, #C19C5B, #845F00, #463000, #100800)
• Hushed Lagoon color palette (#EAF9F6, #97C19E, #2C9666, #7E5B3C, #1D3B39)
• Dusty Abyss color palette (#EBEFD7, #4F8667, #00503B, #3D2300, #000B04)
• Hushed Mulberry color palette (#F0E0CC, #A3701C, #3A812E, #992E4A, #1E1100)
• Ancient Lagoon Field color palette (#F8F6E8, #CDD5AC, #4A9B86, #785677, #262B0D)

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