Pine Canyon color palette — #E5DFCB · #317D43 · #00413A · #242400 · #001504
A conversation between Olive and Forest, giving this palette its sense of nature and growth.
The five colors
- Bone (#E5DFCB): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#317D43): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00413A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#242400): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#001504): 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
- Washed Olive color palette (#F4EEDE, #5A8754, #005143, #00324B, #032201)
- Spruce Boulevard color palette (#FDE4CB, #776D21, #1D4200, #351B00, #131000)
- Cypress Archive color palette (#CFE6D6, #00826C, #004D51, #002531, #0B0A26)
- Timeworn Forest color palette (#F1E2CC, #84935C, #006639, #004653, #2E2907)
- Inked Petrol color palette (#E2F1F9, #007F97, #003A4A, #00121A, #000406)
- Jade Meadow color palette (#F1EDCE, #52A57B, #006867, #3B4A00, #003821)
- Hushed Market color palette (#D2EFE2, #4FAF65, #008275, #595A00, #001504)
- Antique Cocoa color palette (#DFF2F7, #005664, #6F2500, #3E2500, #00090C)
Browse the whole catalog at Explore, or see today's palette.