Powdered Pine color palette — #F0ECD8 · #90B97D · #008F4E · #006962 · #163700

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

The five colors

• Cream (#F0ECD8): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#90B97D): A luminous, balanced green — the color of fresh herbs.
• Fern (#008F4E): A full-bodied, balanced teal — the color of sea glass.
• Pine (#006962): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#163700): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

One click turns Powdered 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

• Washed Balcony color palette (#E9EFD2, #69BF9F, #008A80, #00667A, #003728)
• Softworn Emerald color palette (#E0FDF1, #98D879, #129654, #0C665F, #0D2500)
• Hushed Olive Parlor color palette (#EDE3D2, #A7A96D, #5F7D31, #125D7A, #322800)
• Fern Thicket color palette (#ECEED1, #60C28D, #008B75, #296C00, #003820)
• Gentle Moss color palette (#FAE9CF, #869D43, #006C3E, #004B5A, #283300)
• Hushed Jade color palette (#DAF3DF, #ADCF65, #00B371, #33879D, #27330B)
• Fern Harbor color palette (#F6F6ED, #CFD4BC, #75A991, #68876A, #4B5302)
• Muted Coast color palette (#E1E1CA, #489665, #00614D, #252980, #001507)

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