Pine Canyon color palette — #FFF1F4 · #B88ACC · #9D9136 · #008455 · #442A32
A conversation between Fern and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F4): bright and airy, almost weightless.
- Mauve (#B88ACC): A luminous, balanced pink — the color of a candy shop window.
- Moss (#9D9136): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008455): A full-bodied, balanced teal — the color of shallow lagoons.
- Espresso (#442A32): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Hushed Boulevard color palette (#FFF1F1, #CA86AA, #799B61, #007E84, #482929)
- Wisteria Dune color palette (#F4F4FF, #D396EE, #ADA047, #3B8267, #242233)
- Feathered Olive Pier color palette (#FEF0FB, #839DDC, #BE7F49, #67780E, #402B3D)
- Washed Bronze Chapel color palette (#FFF2F0, #D58BA5, #987D36, #006D5F, #2A355E)
- Hushed Pine Thicket color palette (#FEF4E4, #DD9AB9, #BB6E62, #00764C, #53342E)
- Ancient Veranda color palette (#FFF1F5, #996AB7, #886E00, #00605E, #402C32)
- Airy Amber color palette (#FEEAE0, #CF715F, #009488, #00669F, #3D1C0B)
- Soft Magenta color palette (#FEDBDC, #EA4FCB, #4C7400, #006661, #39052F)
Browse the whole catalog at Explore, or see today's palette.