Worn Pine color palette — #FFF1F2 · #B487AA · #898F54 · #49814A · #57393C

Fern takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Dusty Rose (#B487AA): A luminous, dusty pink — the color of neon signs at night.
• Moss (#898F54): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#49814A): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#57393C): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn Pine 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

• Softworn Lagoon color palette (#FFF2ED, #C7837D, #529B73, #00837D, #48403D)
• Timeworn Canyon color palette (#FFF0F8, #9491C6, #B07E4A, #847009, #523A48)
• Muted Cocoa Bloom color palette (#FFF2EC, #B78075, #987A47, #006B7C, #642A05)
• Timeworn Amber color palette (#F1F0FF, #B08CC0, #B9811F, #238888, #272536)
• Dusty Marigold color palette (#FFF1F4, #CA9DDF, #CF9948, #4DA2A2, #513B41)
• Quiet Pine color palette (#FFDCD0, #B6595D, #0F814F, #00625D, #422116)
• Hushed Bronze Loft color palette (#FAF4E9, #BCB99E, #9B7B37, #7A5434, #434E00)
• Faded Studio color palette (#FFE2EE, #E2599E, #1D7405, #005D49, #501935)

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