Dusty Pine color palette — #ECDCE7 · #00764C · #004554 · #420010 · #000504

Pine takes the lead with Espresso close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#ECDCE7): A whisper-light, dusty pink — the color of neon signs at night.
• Pine (#00764C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#004554): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#420010): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#000504): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged retro, 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 Hollow color palette (#F2E1C7, #00755C, #003941, #1D0015, #000201)
• Fern Cabin color palette (#F4DAC8, #666900, #004937, #380038, #010500)
• Abyss Corridor color palette (#D1E3E7, #00504D, #22272D, #001017, #000203)
• Worn Navy Boulevard color palette (#E0EEDF, #007179, #003292, #2D1B00, #000407)
• Lowlit Nightshade color palette (#D9EEEC, #006B2B, #2500A4, #340A00, #040100)
• Tempered Emerald color palette (#FADCDE, #009247, #006381, #710025, #000503)
• Tempered Lagoon Coast color palette (#D0EEE8, #2A8766, #00504E, #133400, #000804)
• Worn Harbor color palette (#CDEAD8, #1C8188, #21517B, #4D260F, #280C00)

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