Pine Alley color palette — #F4F6F0 · #D3DEDA · #B2C4C4 · #4B835C · #46493E

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#D3DEDA): bright and airy, almost weightless.
• Stone (#B2C4C4): a calm mid-gray that lets other colors speak.
• Fern (#4B835C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#46493E): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Petrol Loft color palette (#EFF8F1, #CCDDE0, #D0B2C3, #007885, #364439)
• Aged Abyss color palette (#E6E9E1, #9FAEA1, #64887C, #00432D, #111608)
• Fern Lagoon color palette (#F7F6E8, #A8B596, #2C8283, #516131, #364B01)
• Aged Study color palette (#EAF0EC, #D1C9D1, #B696A5, #005F72, #25312A)
• Weathered Garnet color palette (#FFF2EE, #7CA570, #00778A, #7D3139, #3B3E38)
• Cornflower Balcony color palette (#F1F9E6, #D9DF8F, #61CB9F, #3F85F1, #2D4729)
• Olive Garden color palette (#F5F6EF, #D4DED9, #B3C4C1, #598144, #48493D)
• Antique Lagoon Workshop color palette (#F3F6F0, #D2DEDC, #B0C4C7, #0B886C, #454A40)

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