Pine Canyon color palette — #E7FAF6 · #98C9A0 · #008D5A · #5A5221 · #001D1C
A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#98C9A0): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#008D5A): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#5A5221): A full-bodied, dusty green — the color of new leaves after rain.
- Ink (#001D1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Hazy Emerald color palette (#DFFDF4, #9FD48E, #00983B, #466300, #0C2503)
- Hushed Dune color palette (#E7FBEC, #C7BD79, #7A7C00, #624E15, #021E11)
- Lagoon Delta color palette (#E4FBF8, #A4E0BE, #11A17E, #65673B, #0B2E2E)
- Gentle Cornflower color palette (#D6FFFD, #3BC77D, #1E94FB, #007744, #001933)
- Timeworn Mint Study color palette (#DDFFE9, #68DF9B, #009156, #004525, #000301)
- Patina Lagoon Courtyard color palette (#CFE6E3, #328E63, #004736, #002308, #000202)
- Hushed Field color palette (#E0F4B7, #87C334, #438A00, #066113, #00230A)
- Ancient Fern Canyon color palette (#E6FBED, #ABA55B, #5F6600, #483A00, #090800)
Browse the whole catalog at Explore, or see today's palette.