Muted Pine Courtyard color palette — #F0F4E5 · #97BF9F · #BF87B4 · #34844D · #48252A

A conversation between Fern and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F4E5): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#97BF9F): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#BF87B4): A luminous, balanced pink — the color of peonies in June.
• Fern (#34844D): A full-bodied, balanced teal — the color of sea glass.
• Espresso (#48252A): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

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

• Pine Meadow color palette (#E9F9F7, #93BD8F, #C57EAC, #488342, #534761)
• Olive Market color palette (#F6F2E5, #BBB67F, #9894CE, #7E7400, #432637)
• Ancient Orchard color palette (#E9F6EA, #80C0C3, #CB8782, #008286, #372F2C)
• Timeworn Bronze color palette (#EEF5E0, #74AA8B, #8188C0, #A8634E, #242A18)
• Worn Grove color palette (#F9F0E5, #C7BA9F, #A47A3C, #744F2E, #312C1A)
• Raspberry Pier color palette (#E8F8DD, #2BC2A0, #BD368A, #006B56, #3F002A)
• Cypress Alley color palette (#EDF4ED, #D6C09C, #2B6D6C, #223721, #0E160E)
• Jade Harbor color palette (#F2F7ED, #B6F6DB, #E3B9F9, #3BB189, #5E3A45)

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