Softworn Pine Canyon color palette — #F1F3EC · #CED9D3 · #ACBCAC · #27754B · #1F2218

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#CED9D3): a clean, paper-quiet neutral.
• Stone (#ACBCAC): A luminous, dusty green — the color of new leaves after rain.
• Pine (#27754B): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1F2218): a grounded near-black with real depth.

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

Use it as a design system

One click turns Softworn 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

• Muted Cypress Basin color palette (#ECF8F7, #D0DBE4, #A0B7C5, #447049, #2F3E3C)
• Cypress Lantern color palette (#F2F4E3, #79AE8F, #007662, #344F2B, #191F09)
• Patina Pier color palette (#F4F6EF, #D2DFDA, #A5BCC5, #579C65, #2E2F28)
• Wandering Petrol color palette (#ECF4F0, #E6D5DB, #D7B2CD, #00749F, #1B2823)
• Moonless Cypress Market color palette (#DBE7D7, #00756A, #002B31, #041002, #020300)
• Cerulean Dune color palette (#E6F0E1, #93B195, #547E9B, #684946, #391D11)
• Softworn Lagoon color palette (#E6EDE5, #90A696, #628575, #003F3C, #010601)
• Denim Balcony color palette (#E3EBE8, #D2C7D1, #B999AC, #005A8D, #0C1915)

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