Pine Canyon color palette — #E2E8C5 · #07821E · #006A78 · #654500 · #0A0C00
A conversation between Olive Leaf and Bronze, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#E2E8C5): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#07821E): A full-bodied, vivid green — the color of a quiet forest floor.
- Peacock (#006A78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#654500): A full-bodied, balanced gold — the color of old brass.
- Ink (#0A0C00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Muted Denim color palette (#DFEDD4, #007E62, #006691, #544E00, #000E09)
- Pale Cabin color palette (#E6DEC8, #766D00, #006F56, #862600, #0D0B00)
- Ultramarine Corridor color palette (#DFF0E0, #007A7D, #114BDA, #345800, #000E0E)
- Teal Coast color palette (#E4E9CA, #88D3AE, #00C0A4, #3D661F, #161C00)
- Hushed Emerald Hollow color palette (#D5EDD3, #16A223, #008A9B, #8B5F00, #062707)
- Aged Emerald color palette (#C6EFC7, #49A850, #006D1F, #033304, #000700)
- Hushed Studio color palette (#C4ECFF, #008FBB, #824DE3, #00744F, #001B27)
- Sunlit Cobalt Hollow color palette (#E8F7E5, #00A39A, #3080DA, #617431, #142311)
Browse the whole catalog at Explore, or see today's palette.