Pine Orchard color palette — #FAF6E2 · #8BAE78 · #00733B · #003A77 · #020A00
Pine takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FAF6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8BAE78): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#00733B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003A77): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#020A00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Muted Boulevard color palette (#FFF3E2, #ACA561, #566900, #004355, #090800)
- Navy Grove color palette (#E2E3CE, #4CA272, #005B4B, #201F63, #000201)
- Worn Pine color palette (#FAF5E3, #A8C690, #348A4D, #6E3C68, #1B1900)
- Softworn Quarry color palette (#D9EEE5, #568A34, #005329, #0A2E58, #00201C)
- Washed Corridor color palette (#E1F6E4, #6D8300, #00522C, #3E193B, #000B07)
- Pale Nightshade color palette (#F3F8E3, #84D7B8, #009287, #5746A0, #00251A)
- Dusty Field color palette (#FCF4E8, #9BD7E4, #0086AD, #00524C, #000E1B)
- Dusty Mulberry Orchard color palette (#FFE8E9, #D879C3, #008D3E, #780068, #000B02)
Browse the whole catalog at Explore, or see today's palette.