Pine Canyon color palette — #F5F3DD · #85AD75 · #3C7343 · #4A463F · #1D1E03

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

The five colors

• Cream (#F5F3DD): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#85AD75): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#3C7343): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#4A463F): a grounded near-black with real depth.
• Onyx (#1D1E03): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Quiet Grove color palette (#EFE4C8, #949E00, #4E6500, #463F00, #161800)
• Cypress Balcony color palette (#E4FBF3, #86A57F, #357151, #603F51, #133D38)
• Wandering Chestnut color palette (#F1F4E6, #86C39F, #4D816E, #665300, #242A17)
• Sunlit Emerald Loft color palette (#E5EAD0, #31A56D, #00654B, #1B4321, #0F1500)
• Tempered Clover Boulevard color palette (#D6FFD3, #65BF64, #307B30, #023E08, #000F01)
• Powdered Moss color palette (#EBEBD2, #6FA32F, #B95D4C, #3C6200, #370904)
• Dusty Lagoon color palette (#FBF5E2, #95C298, #2F9283, #7D585B, #343A00)
• Emerald Harbor color palette (#E0E3C6, #319321, #007D89, #7B5200, #141600)

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