Pine Alley color palette — #F2E7D6 · #8D6F00 · #007540 · #004770 · #29040F

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

The five colors

• Parchment (#F2E7D6): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#8D6F00): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#007540): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004770): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#29040F): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Hazy Rust Summit color palette (#F7E2D4, #BF5200, #347500, #004C70, #2D030D)
• Soft Pine Coast color palette (#F8F6E6, #868700, #00874E, #2E5490, #301505)
• Chalky Aubergine Lantern color palette (#F5E9D3, #997C00, #006959, #491E88, #280D00)
• Navy Parlor color palette (#F1ECD1, #605F00, #00476B, #02127E, #090000)
• Wandering Amber Field color palette (#F3DAB9, #D17A12, #617200, #433889, #302100)
• Hushed Navy Drift color palette (#F0DEC8, #B47800, #00707E, #37328D, #330241)
• Nightshade Study color palette (#E9FBE7, #B77600, #006452, #281D93, #070004)
• Olive Cabin color palette (#EAEBD4, #258A15, #007166, #472391, #240C00)

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