Pine Orchard color palette — #F4F7E6 · #92BD94 · #C28A6C · #508054 · #524C47

Fern takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#92BD94): A luminous, dusty green — the color of fresh herbs.
• Caramel (#C28A6C): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#508054): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#524C47): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Cocoa Quarry color palette (#EFF9EA, #76C0B0, #B2945F, #328273, #684500)
• Muted Olive color palette (#FAF5E6, #B5B479, #4DA9B0, #797625, #3A553F)
• Softworn Driftwood color palette (#F2F8EA, #B4E4E3, #9BC4C8, #838C64, #495142)
• Pine Balcony color palette (#F1F3E7, #B2B88D, #C287AA, #43833F, #47233A)
• Washed Cypress Bloom color palette (#EFF9E8, #84BEAB, #8297CF, #29846C, #5C4458)
• Softworn Atelier color palette (#FFF3E5, #C8B596, #A17839, #805214, #5C4300)
• Worn Emerald Alley color palette (#E9F9F7, #A9D0AC, #D19EC7, #5A9F62, #524668)
• Hushed Quarry color palette (#F1F7EE, #BAC799, #4F6644, #2F3E27, #1A2822)

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