Pine Alley color palette — #E4E1CD · #B1A100 · #749600 · #167610 · #040B00

Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Parchment (#E4E1CD): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#B1A100): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#749600): A luminous, balanced green — the color of fresh herbs.
• Olive (#167610): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#040B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

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

• Pale Villa color palette (#E1E4CB, #95B626, #249F17, #00815A, #000C01)
• Aged Pier color palette (#CFFBEA, #D1B800, #899B00, #1D830F, #010100)
• Gentle Amber Cabin color palette (#FEEED1, #DC8B00, #B08600, #6B6C00, #0C0800)
• Amber Corridor color palette (#E2DECF, #D07A00, #647600, #005045, #070E00)
• Frosted Marigold color palette (#CDEEE0, #EC9800, #A5AA00, #009988, #000E01)
• Muted Emerald color palette (#D0E7C8, #009B36, #006435, #003C25, #001A11)
• Clover Courtyard color palette (#EAF3E3, #19BD60, #009B78, #007674, #00100C)
• Feathered Ultramarine Studio color palette (#EAF4DB, #008E5F, #005DD6, #005336, #000D2C)

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