Dusty Pine color palette — #F4F3DF · #86AD78 · #377441 · #4C4540 · #1D1E01

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F3DF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#86AD78): A luminous, balanced green — the color of fresh herbs.
• Olive (#377441): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#4C4540): a grounded near-black with real depth.
• Onyx (#1D1E01): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Aged Teal color palette (#EDF5E4, #53B49E, #00746C, #225044, #14200B)
• Emerald Lagoon color palette (#EFF2DA, #41A462, #006543, #403A03, #101400)
• Quiet Moss color palette (#F1E3C6, #9E9A00, #566300, #5F3000, #181700)
• Chestnut Harbor color palette (#F1F3E8, #8EC1A5, #34866D, #754A03, #232A16)
• Hushed Cypress Orchard color palette (#EAF9F3, #73A79D, #39704E, #603E57, #073E38)
• Lagoon Studio color palette (#FDF5E1, #9DC094, #4B8F7C, #71587D, #35362F)
• Ancient Archive color palette (#F6F2E4, #CBC4A0, #8B863D, #835619, #32312A)
• Tempered Bloom color palette (#FFEFDD, #FAD994, #B6B071, #8F6440, #2C1F09)

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