Forest Courtyard color palette — #E7F6EA · #C39DBE · #9C676F · #375D2F · #31273B

Pine and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F6EA): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#C39DBE): A luminous, dusty pink — the color of neon signs at night.
• Mocha (#9C676F): A full-bodied, dusty red — the color of a theater curtain.
• Pine (#375D2F): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#31273B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Chestnut Lantern color palette (#EAF5EC, #A3A6D9, #8E6993, #645000, #282A3F)
• Weathered Meadow color palette (#F3F0F9, #B78DAB, #94663B, #125B2B, #002B40)
• Wandering Rust Pier color palette (#F4F7E8, #A6A0D3, #AA5B6E, #1B6565, #584046)
• Bronze Station color palette (#E7F7EA, #D08773, #8F6000, #005058, #331927)
• Antique Coast color palette (#FFF4E2, #DCACD6, #C67884, #5B7855, #564241)
• Washed Abyss Thicket color palette (#F5EEFF, #D1C1D3, #A992A1, #4E6B6A, #244951)
• Brick Workshop color palette (#D8FDDF, #D06A9A, #AC2D18, #004B31, #3B0115)
• Patina Driftwood Harbor color palette (#F2EAF8, #AD6B89, #453545, #221B27, #0D0B11)

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