Pine Canyon color palette — #E3F7F4 · #9ABF97 · #A98FC4 · #4B8148 · #2D2C4E

Fern and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E3F7F4): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9ABF97): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#A98FC4): A luminous, balanced violet — the color of wild irises.
• Fern (#4B8148): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2D2C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Washed Olive color palette (#ECF8F5, #9CBA8D, #AE87C2, #4D8327, #4B4968)
• Softworn Lagoon color palette (#E2F6FC, #75C3C2, #C785A3, #008282, #392945)
• Washed Ridge color palette (#EAF6EB, #CDAE7D, #8D98D2, #916A20, #24304D)
• Pale Emerald color palette (#F5F7E8, #A9D1A5, #C1A1E1, #54A14F, #65414E)
• Dusty Archive color palette (#DEF9F2, #89A770, #AF78A4, #93688A, #0D2E28)
• Washed Parlor color palette (#FBEEF3, #A5C4AD, #9B7786, #684E64, #1B312A)
• Wandering Harbor color palette (#E2F7F3, #C6DFEE, #B7BFDB, #7C977F, #274342)
• Patina Cypress color palette (#E7F4F8, #D7B8D4, #2F6C6D, #17363E, #0C1618)

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