Pine Canyon color palette — #F1F3EB · #CCDBD0 · #B6C5A8 · #2C7E41 · #232711

Built around Olive, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#CCDBD0): A whisper-light, dusty teal — the color of sea glass.
• Pistachio (#B6C5A8): A luminous, dusty green — the color of fresh herbs.
• Olive (#2C7E41): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#232711): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Forest color palette (#E7EBE0, #C7CEC1, #9BA896, #006640, #131808)
• Tempered Pine Workshop color palette (#EBF9F6, #CCDDE7, #A5C2CB, #188014, #274642)
• Tempered Lagoon color palette (#ECF4F0, #CFD8D9, #A5ADB3, #628E79, #313834)
• Patina Abyss Study color palette (#DCE5DD, #93A599, #638574, #003E43, #000601)
• Tempered Chartreuse Alley color palette (#E8F9D5, #65E880, #00D7A0, #009694, #001E17)
• Airy Jade color palette (#E8FACC, #00AB74, #007166, #003C7B, #002319)
• Washed Onyx Corridor color palette (#D8E5E0, #7E938D, #7A6279, #002D45, #000201)
• Denim Archive color palette (#A6F4E9, #66B5BA, #328098, #534F85, #39254D)

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