Dusty Pine Courtyard color palette — #EFF4E4 · #8DC1A0 · #B989B9 · #41815B · #47252C

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

The five colors

• Cream (#EFF4E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#8DC1A0): A luminous, dusty teal — the color of glacier melt.
• Dusty Rose (#B989B9): A luminous, balanced pink — the color of neon signs at night.
• Fern (#41815B): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#47252C): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Dusty Pine Courtyard 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

• Softworn Olive color palette (#F6F2E4, #B7B786, #9297CA, #777534, #422739)
• Patina Cypress Archive color palette (#E8F7E9, #70C3C6, #CB8881, #008286, #372F2C)
• Softworn Pine color palette (#F3F7EA, #8DBD9C, #749CC9, #348554, #5B435D)
• Emerald Market color palette (#EBF8F8, #99D0CE, #CE9FCC, #4CA06F, #504669)
• Wandering Jade Corridor color palette (#EEF5E0, #64AF84, #AC7AA5, #996681, #242A15)
• Tempered Atelier color palette (#F0F4E6, #C7E2D9, #A4CBCD, #8E885F, #303B29)
• Misty Plum color palette (#E8F9D7, #2BC395, #BE435A, #006C4F, #430013)
• Hushed Bronze color palette (#FAF0E3, #C7BA9A, #A37A3C, #7E4917, #2F2D1A)

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