Pine Workshop color palette — #FFF0F8 · #ADA9F0 · #D48961 · #20865B · #331C29

Fern and Coral Clay set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Lavender (#ADA9F0): A luminous, balanced violet — the color of wild irises.
• Coral Clay (#D48961): A luminous, balanced orange — the color of autumn markets.
• Fern (#20865B): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#331C29): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Lagoon Cabin color palette (#FFF1F2, #E3B1D9, #CAA96F, #3A9382, #412B2D)
• Patina Bronze color palette (#FFF0F8, #ADA9ED, #CC85A5, #817300, #331C2A)
• Softworn Rust color palette (#FFF1F3, #C593C9, #B75F51, #00764E, #2A1319)
• Timeworn Marigold color palette (#F1F5FF, #B3AEFF, #D8A33A, #799C64, #2C3246)
• Dusty Pine color palette (#FFF2ED, #F09594, #CE8A7A, #398638, #361D14)
• Blush Thicket color palette (#E6FBEF, #6DC0DB, #D78094, #57803A, #0B2C1D)
• Worn Loft color palette (#FFF1F2, #DDA7CF, #B1729C, #006D49, #411A39)
• Dusty Workshop color palette (#FFF2F0, #F079A7, #BA8800, #00767C, #34071C)

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