Pine Alley color palette — #EEF8F6 · #CEDCE1 · #9CC5C6 · #307E28 · #304441

A conversation between Olive and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF8F6): a clean, paper-quiet neutral.
• Silver (#CEDCE1): bright and airy, almost weightless.
• Ash (#9CC5C6): A luminous, dusty teal — the color of glacier melt.
• Olive (#307E28): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#304441): A deep, shadowed, dusty teal — the color of sea glass.

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

• Hushed Hollow color palette (#ECF7FA, #D0DBE8, #9FC2D2, #007B75, #29454B)
• Olive Hollow color palette (#E8F5F2, #C4DCE7, #9BC8D3, #487B19, #122A26)
• Wandering Bronze color palette (#EEF8F1, #CCDDDC, #A8C3B8, #7F6800, #344439)
• Wandering Moss color palette (#F5F6EF, #CFDFD5, #9DD1C1, #60992D, #404135)
• Dusty Forest Coast color palette (#E8F0F0, #C2CFCF, #82A9AD, #006632, #1D3231)
• Gentle Loft color palette (#E0FDF5, #89AF80, #247C3F, #405B17, #25431D)
• Patina Abyss color palette (#E4F3F7, #9EACB2, #648495, #004041, #00171E)
• Cypress Summit color palette (#DFF1F2, #007B5C, #00332C, #001E14, #00090F)

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