Dusty Pine color palette — #E5ECDA · #00905C · #144D3F · #182102 · #020200

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

The five colors

• Parchment (#E5ECDA): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#00905C): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#144D3F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#182102): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Antique Drift color palette (#E8E8D9, #628800, #434600, #211E03, #020200)
• Softworn Loft color palette (#E1F5D9, #007C6E, #003A3A, #0B1B1A, #020A00)
• Hushed Terrace color palette (#EAEFE0, #007344, #455156, #002B2A, #070B00)
• Tempered Teal color palette (#DCF1F0, #00A7A4, #00656F, #003E3C, #030A01)
• Softworn Mint color palette (#E0E7DA, #1FC69D, #667561, #444D3C, #171913)
• Teal Lagoon color palette (#D4E9E2, #00B09A, #008A82, #006867, #002224)
• Tempered Emerald color palette (#E5E1C8, #90B473, #479341, #5D6B34, #0F2000)
• Worn Boulevard color palette (#C8EBE1, #43A1EE, #6F596D, #29423C, #04100C)

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