Worn Pine Courtyard color palette — #EDF8F7 · #CFDBE6 · #9FB7C9 · #26744C · #2F3E3D

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

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#CFDBE6): a clean, paper-quiet neutral.
• Ash (#9FB7C9): A luminous, dusty blue — the color of open sky before noon.
• Pine (#26744C): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#2F3E3D): quiet, heavy and certain.

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

Use it as a design system

One click turns Worn Pine Courtyard 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 Terrace color palette (#EDF7F8, #CFDBE5, #B1C0D4, #598D77, #323D3D)
• Washed Cypress Alley color palette (#EFF4EA, #C8DBD4, #A9BDAD, #237558, #1E2218)
• Dusty Abyss color palette (#E6F2F3, #A4BEC8, #7891A9, #00513D, #0C2325)
• Muted Cypress Grove color palette (#EAF9F5, #64AC8F, #007176, #40522A, #1D3B3C)
• Hushed Denim color palette (#E9EFF5, #C7CCDA, #A19CB8, #005890, #232F3B)
• Patina Hollow color palette (#DDE5EB, #909BAA, #6A6D90, #00303E, #000B13)
• Washed Emerald color palette (#FAE8F8, #54985B, #00657D, #6C2426, #00383D)
• Muted Cobalt Pier color palette (#E3FAFF, #BECD5F, #00B6A1, #5875CF, #003544)

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