Pine Canyon color palette — #ECF9C7 · #91BE81 · #098853 · #005A4A · #004343
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#ECF9C7): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#91BE81): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#098853): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#005A4A): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#004343): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Pale Lagoon color palette (#D8FFD2, #A9E3B3, #6CC19A, #329D80, #004840)
- Hushed Olive Field color palette (#FFF4DB, #ACAB62, #5D841D, #036328, #004D35)
- Moss Bloom color palette (#FFF4E2, #79A75F, #007C66, #5A3E78, #3C3E37)
- Quiet Chartreuse color palette (#FFF4DE, #B3D17A, #4CAB7B, #007776, #004762)
- Olive Orchard color palette (#F6F5EF, #D5DDD6, #B4C5BA, #657E44, #484841)
- Powdered Petrol color palette (#BFFCE8, #66C7BD, #00818C, #005A76, #003E67)
- Timeworn Pine color palette (#DDECCF, #008040, #004835, #001F1E, #000B0D)
- Emerald Pier color palette (#F5F7E6, #5E9A58, #006B99, #6A2D62, #4D310E)
Browse the whole catalog at Explore, or see today's palette.