Pine Alley color palette — #FAF2F9 · #D4D4E3 · #5EB1DC · #00844F · #1A2D51

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Silver (#D4D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#5EB1DC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00844F): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1A2D51): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Timeworn Periwinkle Summit color palette (#FAF3F5, #D9D4DE, #8FA1EC, #007F81, #36234F)
• Dusty Workshop color palette (#F8F5EF, #C9EACF, #00C5EC, #16A18D, #194335)
• Weathered Summit color palette (#FFF0F9, #EA8867, #00A8BD, #008E9F, #2C0F24)
• Jade Corridor color palette (#F8F3F8, #D3D5E4, #B3C1E7, #63A277, #3B4F68)
• Washed Courtyard color palette (#EDF4EE, #8CD6DD, #048AA6, #005D50, #042336)
• Denim Station color palette (#F6ECF4, #65AFBD, #005B86, #002D1C, #00000C)
• Hushed Cabin color palette (#FFF0FB, #FFA390, #00BCC8, #D72600, #002E32)
• Aged Atelier color palette (#EAFAEF, #A2D4C4, #9C8942, #824702, #052912)

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