Pine Canyon color palette — #F5F7E4 · #6BB77F · #007D53 · #005B6D · #3A3B35
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#6BB77F): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007D53): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005B6D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#3A3B35): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Tempered Harbor color palette (#FCF2D3, #83B964, #007F54, #574268, #222201)
- Softworn Lagoon color palette (#E3E7D7, #4F9E7A, #006450, #00445B, #232D12)
- Muted Workshop color palette (#FBF5E6, #A5A963, #5F7300, #7A3B3A, #3C3B34)
- Lime Study color palette (#E2FDEF, #8FD06A, #0F9E6C, #755E87, #2B421E)
- Powdered Ridge color palette (#F1ECCF, #78A140, #256C00, #6C2D15, #213500)
- Cerulean Alley color palette (#F4F7EA, #9FD8EA, #008CB5, #00656E, #12455F)
- Timeworn Chestnut Loft color palette (#F6F6EE, #C1C4A1, #668C6C, #8D5728, #4F5100)
- Worn Jade Lantern color palette (#FFF4E1, #C4D89D, #67B98A, #AB7596, #344017)
Browse the whole catalog at Explore, or see today's palette.