Pine Alley color palette — #F7F6E5 · #83B273 · #007F2F · #624E19 · #3B3B34
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F6E5): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#83B273): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#007F2F): A full-bodied, balanced green — the color of a quiet forest floor.
- Coffee (#624E19): A full-bodied, dusty gold — the color of honey in a jar.
- Charcoal (#3B3B34): quiet, heavy and certain.
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
- Cypress Delta color palette (#F4F7E9, #78A88B, #007558, #4E4E1C, #2E3C00)
- Misty Olive Summit color palette (#FCF4E5, #AEA55A, #6B6F00, #614F0C, #413C0E)
- Weathered Jade color palette (#F9F2D7, #79BA77, #007E61, #6B3D42, #0A280A)
- Mint Alley color palette (#F3F9DB, #A6F8CA, #00D4BB, #4F7F2D, #464841)
- Dusty Loft color palette (#F8F7DF, #76A600, #EB1107, #496800, #61251D)
- Pine Orchard color palette (#E0FFDE, #66C671, #00822F, #00480E, #00320C)
- Worn Emerald color palette (#E5F2C8, #009856, #007F9B, #775C00, #0C3A21)
- Wandering Studio color palette (#E3E69B, #9BAF00, #617E00, #355E00, #224A11)
Browse the whole catalog at Explore, or see today's palette.