Pine Alley color palette — #F2F3E3 · #71BB81 · #007F51 · #00594B · #02290E
A conversation between Teal and Jade, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2F3E3): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#71BB81): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007F51): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00594B): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#02290E): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Linen Olive Veranda color palette (#F9F2DB, #A4B05B, #597700, #00594F, #272000)
- Linen Jade color palette (#E5E7D2, #5AA969, #006D43, #004653, #001C06)
- Weathered Emerald color palette (#E4FBF6, #82D08F, #249E67, #3E7568, #224328)
- Washed Cerulean color palette (#F1F3EA, #92DEEC, #0091AF, #006264, #002938)
- Patina Olive color palette (#EFEADB, #768022, #374C00, #00322B, #0A0700)
- Velvet Forest Hollow color palette (#DFE7D0, #006850, #00322B, #001624, #000201)
- Weathered Meadow color palette (#FFD7EE, #7C6BEB, #CC1783, #006D84, #160F39)
- Mallow Orchard color palette (#FFECF5, #E5D7FF, #E89FF6, #5C67AD, #401F2F)
Browse the whole catalog at Explore, or see today's palette.