Pine Canyon color palette — #F4F6F0 · #A0CDAF · #7E73B1 · #00824B · #382930

Built around Fern, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Pistachio (#A0CDAF): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#7E73B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Fern (#00824B): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#382930): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Olive Ridge color palette (#F6F6EE, #B3C99B, #5282AA, #547B11, #22322D)
• Muted Petrol Summit color palette (#F1F7F2, #8ECCD5, #9C6B8C, #007C87, #39292A)
• Weathered Cobalt color palette (#EAF4F5, #95D1C3, #2C8AC6, #008471, #0B1721)
• Timeworn Azure Chapel color palette (#F2F7F0, #94E3D1, #64A2D4, #459E8C, #22322D)
• Chestnut Canyon color palette (#FFF3E7, #7CB5A3, #547BA0, #7A4E20, #374E3B)
• Gentle Mulberry Field color palette (#D7E4DA, #008696, #6E005E, #003941, #0A0007)
• Pale Grape color palette (#F1F8EE, #00BBA5, #6F3ECB, #006457, #1F1637)
• Powdered Denim Corridor color palette (#F2FBD1, #94CEC3, #458CA6, #2E599C, #53377C)

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