Pine Canyon color palette — #ECF1E1 · #E8A17C · #167645 · #0E4025 · #141808
A conversation between Pine and Melon, giving this palette its sense of nature and growth.
The five colors
- Cream (#ECF1E1): A whisper-light, dusty green — the color of new leaves after rain.
- Melon (#E8A17C): A luminous, balanced orange — the color of sun-warmed clay.
- Pine (#167645): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#0E4025): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#141808): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Pine Canyon 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
- Softworn Bloom color palette (#F0F8ED, #F6B0A1, #008475, #114D44, #1D241A)
- Softworn Chestnut Coast color palette (#F5EEDE, #D5AD69, #766200, #403400, #1D1503)
- Pine Station color palette (#E4FBF8, #F8C591, #34733F, #03310F, #000505)
- Worn Blush color palette (#D6EBD9, #FF7B8D, #00686F, #003539, #001505)
- Emerald Courtyard color palette (#EFF0E2, #D2CB85, #6F9557, #446032, #171705)
- Tempered Amber Market color palette (#E0F3F0, #C1941D, #115104, #002824, #001217)
- Worn Corridor color palette (#DBE4D3, #E06B3C, #00523D, #002117, #010300)
- Softworn Blush Basin color palette (#E7FAF3, #FF99A0, #0071A3, #003F5E, #002118)
Browse the whole catalog at Explore, or see today's palette.