Pine Alley color palette — #D0E9BA · #78B67F · #008A65 · #0D5D7B · #0A2E4C

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

The five colors

• Celadon Mist (#D0E9BA): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#78B67F): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008A65): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#0D5D7B): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0A2E4C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Lagoon Station color palette (#C1F2D2, #7BB6A3, #26938F, #374D6D, #222752)
• Hushed Quarry color palette (#E7E4C6, #A0AA7E, #668E59, #005B5F, #003442)
• Worn Cypress color palette (#DDEDDD, #669F81, #007567, #064066, #0B1D3E)
• Hushed Mint color palette (#E7F5C0, #94D080, #71A788, #4C765F, #205273)
• Tempered Pine Harbor color palette (#E1F7F4, #7CB890, #007F5A, #524E15, #002813)
• Dusty Mint Loft color palette (#CFFFE4, #0FCB8F, #008758, #004229, #001208)
• Patina Clover color palette (#DEEBD1, #69BB32, #148218, #004F23, #002C16)
• Quiet Jade color palette (#D3FBF8, #35B45C, #0087DF, #006E2E, #00223E)

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