Dusty Pine color palette — #EFF8F0 · #99A168 · #357242 · #524268 · #1D3C32

Built around Pine, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Moss (#99A168): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#357242): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#524268): A full-bodied, dusty violet — the color of wild irises.
• Forest (#1D3C32): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cypress Lantern color palette (#EEF8F2, #9FB991, #3C826B, #5B5571, #2B4943)
• Frosted Thicket color palette (#ECFAEC, #A4A962, #207E31, #6A4917, #1E4335)
• Softworn Olive Atelier color palette (#FBF0DF, #A6A364, #586E25, #5E3D33, #231B04)
• Chalky Station color palette (#DAF2E8, #31AB67, #006963, #662951, #00381B)
• Muted Balcony color palette (#DCE9DE, #81954C, #00663A, #503900, #003126)
• Muted Atelier color palette (#E5F4E8, #6E8343, #005232, #3E1D4E, #002119)
• Hazy Coast color palette (#E1F5E3, #C79224, #7649C7, #714F00, #3A2A5B)
• Cobalt Chapel color palette (#FAF3F7, #9ECDE2, #0080BC, #006344, #2B3B55)

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