Pine Orchard color palette — #F3EDD8 · #4C8A59 · #00463F · #1C1D00 · #000200

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

The five colors

• Cream (#F3EDD8): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#4C8A59): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00463F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#1C1D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, 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

• Bronze Harbor color palette (#EBDCCE, #8A7B08, #214700, #2B1500, #010100)
• Midnight Forest color palette (#DBF7ED, #216E3B, #00332A, #131A00, #000902)
• Weathered Alley color palette (#DEECDE, #007A7D, #883A00, #003234, #030100)
• Dusty Dune color palette (#E9E0CE, #719D4C, #005C42, #003040, #010200)
• Ancient Pine color palette (#FFF3E5, #A5A764, #04741B, #00454B, #080800)
• Hushed Veranda color palette (#FFF3E9, #D4B86A, #658315, #075E57, #221600)
• Aged Pier color palette (#E2F3FC, #008FB6, #004760, #000B11, #000102)
• Cocoa Pier color palette (#CAE9E3, #006357, #713100, #432D00, #000201)

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