Pine Canyon color palette — #EEF8F3 · #A0B891 · #34855F · #635174 · #2D4943

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Sage (#A0B891): A luminous, dusty green — the color of fresh herbs.
• Fern (#34855F): A full-bodied, balanced teal — the color of glacier melt.
• Graphite (#635174): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#2D4943): A deep, shadowed, dusty teal — the color of sea glass.

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

• Driftwood Lantern color palette (#EFF8F0, #A8CAB9, #6F8C55, #5F647E, #3F5249)
• Cypress Grove color palette (#E8FAF2, #7DA877, #007557, #5B3F5F, #153D38)
• Softworn Bloom color palette (#F1F4E3, #93C09F, #478367, #415C4D, #252A16)
• Cerulean Harbor color palette (#FAF3F7, #C5E1F2, #5890BD, #007269, #3A485F)
• Wandering Emerald color palette (#FAF2FF, #D482A5, #32AA5A, #953865, #134C49)
• Aged Study color palette (#F8F2FF, #F8D2DB, #E8B387, #8E749C, #56495A)
• Tempered Lagoon Lagoon color palette (#D3EDE4, #478B5D, #005145, #491742, #00201F)
• Blush Balcony color palette (#F8F2FF, #D577AD, #007D50, #067087, #3E324A)

Browse the whole catalog at Explore, or see today's palette.