Pine Alley color palette — #C9F7EB · #83BC7C · #248D4D · #006B52 · #0B3808
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C9F7EB): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#83BC7C): A luminous, balanced green — the color of fresh herbs.
- Fern (#248D4D): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006B52): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#0B3808): A deep, shadowed, balanced green — the color of a quiet forest floor.
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
- Emerald Market color palette (#F7F7DF, #90D98B, #00974E, #006851, #022602)
- Sunlit Olive color palette (#D1F6E0, #B1B14A, #6F8200, #40672F, #303000)
- Linen Teal color palette (#CDF4F5, #2CC5A6, #008A7F, #00686E, #00372C)
- Faded Summit color palette (#D9F3E3, #809D5C, #006D3B, #004D51, #223500)
- Wandering Lagoon color palette (#D0EFEC, #29996D, #00614D, #003E53, #00140A)
- Dusty Studio color palette (#F3EBD6, #A4D16B, #00B466, #008C93, #233409)
- Hushed Delta color palette (#E4FBF7, #7FDCE4, #009EB3, #00736D, #003947)
- Tempered Grove color palette (#EAF9F6, #AFDBD9, #6FA7A8, #61848A, #3D5251)
Browse the whole catalog at Explore, or see today's palette.