Pine Canyon color palette — #F3F7E7 · #75AF84 · #BD6D88 · #267743 · #5C3442
Built around Pine, softened by Dusty Rose — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F7E7): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#75AF84): A luminous, balanced teal — the color of sea glass.
- Dusty Rose (#BD6D88): A luminous, balanced rose — the color of pressed rose petals.
- Pine (#267743): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#5C3442): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Balance. Tagged warm.
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 Drift color palette (#F7F7E0, #8BAC66, #9978BD, #4F7217, #4B395F)
- Wandering Bloom color palette (#EFF8EE, #6CC1BE, #C98189, #218280, #66433A)
- Wandering Raspberry color palette (#F0FAE1, #3D9D74, #A75D96, #974D69, #363932)
- Rust Hollow color palette (#DFFFE7, #00A6B9, #C85900, #006875, #602700)
- Basalt Corridor color palette (#FEF4E4, #B3A780, #866F3C, #6C492B, #433F00)
- Plum Pier color palette (#D7ECCD, #009A87, #C81B5B, #005C50, #5A0023)
- Ancient Iris Balcony color palette (#E3F6F7, #6EB598, #648CD9, #007757, #142649)
- Lagoon Terrace color palette (#F2F8EA, #89C8A7, #7DA5E8, #009866, #29426C)
Browse the whole catalog at Explore, or see today's palette.