Pine Alley color palette — #F6F2E0 · #8DB57F · #00804A · #743A19 · #0F2705
Teal and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F6F2E0): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#8DB57F): A luminous, balanced green — the color of fresh herbs.
- Teal (#00804A): A full-bodied, balanced teal — the color of glacier melt.
- Bronze (#743A19): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#0F2705): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, 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
- Olive Garden color palette (#F9F1E4, #B0AC5E, #5B7700, #74363B, #291F00)
- Moss Market color palette (#ECE5C9, #70A749, #006E35, #3E4200, #0A1B00)
- Jade Harbor color palette (#E4FCF0, #70B772, #007B6A, #694062, #244325)
- Antique Emerald Thicket color palette (#DBFFF1, #97CC85, #299E62, #8C5C43, #2A4222)
- Softworn Fern Archive color palette (#F3F2EB, #C2C7A8, #519274, #6B6315, #31322B)
- Pine Study color palette (#D5FFD5, #70CA72, #168618, #004310, #001503)
- Hazy Teal Garden color palette (#FCF5E0, #B8E8B4, #00AA90, #855A7F, #183617)
- Washed Bronze Station color palette (#F4E9DA, #867A26, #3F4A00, #382600, #0A0800)
Browse the whole catalog at Explore, or see today's palette.