Worn Pine color palette — #F4F6F0 · #CEDED5 · #ABB8A7 · #00774F · #393C34

A conversation between Pine and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#CEDED5): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#ABB8A7): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#00774F): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#393C34): quiet, heavy and certain.

Feels like: 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

• Washed Cypress color palette (#F1F3EA, #C8DCD3, #A8BDAF, #437051, #1F2218)
• Tempered Lagoon Bloom color palette (#EBF8F7, #CDDCE7, #B1C0D5, #618C6D, #313D3D)
• Cypress Thicket color palette (#F0F7F1, #C2D9CB, #74B0CC, #006671, #27372C)
• Cypress Veranda color palette (#F4F7E8, #75A88D, #00745A, #325439, #2C3C00)
• Ancient Abyss Market color palette (#DFE2DC, #B1BDAD, #7C967D, #005141, #1C2117)
• Wandering Petrol Alley color palette (#E1EEE3, #94B6A2, #3878A0, #6F4A59, #58373E)
• Petrol Terrace color palette (#EDF8F4, #C6E0E4, #CBB3C9, #0072A6, #32443E)
• Mint Drift color palette (#EEF9EA, #3AE6AB, #00BBAB, #008590, #223C20)

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