Pine Canyon color palette — #F6F6EC · #AEB489 · #348655 · #5F5D0D · #424700
A conversation between Fern and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6EC): a clean, paper-quiet neutral.
- Sage (#AEB489): A luminous, dusty green — the color of new leaves after rain.
- Fern (#348655): A full-bodied, balanced teal — the color of sea glass.
- Olive (#5F5D0D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#424700): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Timeworn Hollow color palette (#F9F5EA, #C9C1A2, #788950, #676B22, #5B4C00)
- Washed Pine color palette (#F8F6E3, #89B172, #147F25, #1E5E44, #3B3B34)
- Softworn Basalt Studio color palette (#FAF5E6, #D4D9B4, #75BCAB, #9B8F6E, #424700)
- Patina Study color palette (#ECF9F3, #A5D3A1, #649D88, #5C796D, #2C4945)
- Teal Delta color palette (#CFECC5, #45BDB5, #00898A, #006770, #2F4F39)
- Washed Forest Pier color palette (#E5E6D5, #6B996E, #006639, #02493A, #282C05)
- Dusty Powder Basin color palette (#E8FAF0, #BFE9EC, #9BCCFF, #42828C, #3F594E)
- Muted Pine color palette (#E6E9DA, #018047, #00432E, #022B04, #001507)
Browse the whole catalog at Explore, or see today's palette.