Dusty Pine color palette — #E6F7ED · #93A97A · #2C754B · #204D5B · #01221C

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E6F7ED): A whisper-light, dusty teal — the color of sea glass.
• Sage (#93A97A): A luminous, dusty green — the color of new leaves after rain.
• Pine (#2C754B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#204D5B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#01221C): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Muted Parlor color palette (#E7FAF5, #77AB6E, #327244, #1C5458, #1A3C38)
• Pine Loft color palette (#E3F8EC, #8FB570, #00804E, #593D75, #152603)
• Wandering Forest Coast color palette (#DBEEE6, #6E9B6C, #00644D, #472C50, #001614)
• Muted Fern color palette (#D7ECD4, #A69636, #4B6600, #2D3677, #1A1600)
• Patina Lagoon color palette (#F7F6E5, #B8DCB3, #599B6C, #37705D, #282A12)
• Aged Olive color palette (#DEF7EB, #4D8A40, #00513A, #003038, #010B00)
• Cerulean Studio color palette (#F6EFF4, #A4CFDE, #0089AB, #005E43, #03223B)
• Softworn Garden color palette (#DDEBFD, #6392D8, #897E00, #004FB0, #201D00)

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