Worn Pine color palette — #ECF4F3 · #CFD9DE · #ADC0CD · #3E865A · #20302F

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#CFD9DE): bright and airy, almost weightless.
• Ash (#ADC0CD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#3E865A): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#20302F): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Timeworn Courtyard color palette (#F5F6EF, #D3DFD9, #ACC8C2, #5C7F5D, #47493F)
• Muted Cypress color palette (#E4F6F8, #C2D9DE, #7BB8BA, #006B5A, #011F22)
• Worn Lagoon Balcony color palette (#D6E9EC, #008877, #18363D, #001A1E, #000809)
• Muted Abyss color palette (#D3E2E3, #8EA5A8, #61828A, #00412D, #000606)
• Dusty Thicket color palette (#EFF7F6, #D3DDE3, #C9C2CB, #76AE7E, #344341)
• Ancient Bloom color palette (#D0ECFA, #A1C0D6, #768A9F, #555275, #3F3453)
• Navy Courtyard color palette (#DEF9F2, #5CAE94, #007B79, #2A437C, #00282D)
• Linen Mint Courtyard color palette (#E0F7F9, #A3EEBE, #00D4B5, #009FA2, #00252A)

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