Pine Canyon color palette — #FDF1F6 · #CAB8ED · #B97391 · #457C3B · #301D25

Olive takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Lavender (#CAB8ED): A luminous, dusty violet — the color of twilight just after sunset.
• Dusty Rose (#B97391): A luminous, balanced rose — the color of a warm blush.
• Olive (#457C3B): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#301D25): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Hushed Fern Veranda color palette (#FDF1F9, #A3AEDB, #AC87B8, #6E6600, #2D202C)
• Cypress Balcony color palette (#FEF2F0, #EAA6B6, #C87A72, #008473, #361E1E)
• Dusty Pine color palette (#FAF2F9, #B4CBFF, #C185A0, #037E5A, #28375B)
• Tempered Apricot color palette (#F1F5FE, #AFBBF8, #D9955C, #749164, #273943)
• Ancient Bronze Field color palette (#FFF2EF, #CE8998, #B76A19, #006E85, #29120E)
• Softworn Canyon color palette (#FFF1F4, #C49DD4, #684D48, #36262A, #130D11)
• Faded Plum Garden color palette (#FFF1F2, #D976C0, #BF3752, #006A2A, #19011E)
• Tempered Cobalt color palette (#F0F5FF, #6A7ABE, #7F6D17, #594F24, #293B3B)

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