Pine Canyon color palette — #F4F2E6 · #84AC83 · #007750 · #4F4700 · #1C1E03
Built around Pine, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F4F2E6): bright and airy, almost weightless.
- Sage (#84AC83): A luminous, dusty green — the color of fresh herbs.
- Pine (#007750): A full-bodied, balanced teal — the color of sea glass.
- Deep Olive (#4F4700): A deep, shadowed, balanced green — the color of new leaves after rain.
- Onyx (#1C1E03): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, 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
- Olive Archive color palette (#F7F1E7, #A7A362, #596E27, #285038, #221B06)
- Timeworn Study color palette (#F1F4E5, #AABA98, #00877B, #535B0F, #232A1A)
- Softworn Lagoon Terrace color palette (#E6E9D7, #559F7C, #006357, #00414B, #0D1500)
- Worn Teal Orchard color palette (#DAEEE6, #00B4A3, #007C81, #004E5A, #002532)
- Softworn Cerulean Drift color palette (#F7F1E7, #97D4D8, #008AA3, #005D4D, #00281B)
- Pine Hollow color palette (#DFE0CD, #3F8A5D, #005040, #163200, #060900)
- Ancient Plum color palette (#DEF7E5, #008B9F, #A9379E, #6F5900, #01190B)
- Frosted Scarlet Alley color palette (#DEEEE1, #00A4B1, #D53D3A, #006169, #390606)
Browse the whole catalog at Explore, or see today's palette.