Pine Alley color palette — #DDF3E7 · #829C68 · #007443 · #004F55 · #112000
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DDF3E7): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#829C68): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#007443): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#112000): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Fern Thicket color palette (#E3F0E3, #99955C, #466E10, #3B3D78, #1E1B00)
- Ancient Chapel color palette (#D9EFE8, #489663, #006153, #003E51, #001506)
- Powdered Quarry color palette (#FEF5DB, #7CB54C, #007247, #00454B, #080800)
- Pine Meadow color palette (#DBE9E1, #94AF7D, #228555, #634484, #003129)
- Timeworn Lantern color palette (#E8DCE5, #8BB9CB, #0080A6, #005B45, #00203D)
- Petrol Canyon color palette (#EDF8F3, #9ED0C8, #659D86, #357D8C, #234A45)
- Chalky Navy Market color palette (#D6E6D8, #777A2F, #215200, #291867, #060600)
- Emerald Studio color palette (#E8FBEE, #B3C28B, #53995B, #6E5AA4, #354010)
Browse the whole catalog at Explore, or see today's palette.