Worn Pine color palette — #D9F2EA · #347750 · #004038 · #00222F · #000401

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

The five colors

• Honeydew (#D9F2EA): A whisper-light, dusty teal — the color of sea glass.
• Pine (#347750): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004038): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Ancient Olive Delta color palette (#DFF3E0, #6F6B17, #214000, #00251F, #030300)
• Lagoon Station color palette (#DDE4D1, #44A185, #005B4F, #003234, #000201)
• Onyx Field color palette (#D4E4DA, #567328, #004221, #2A004D, #020300)
• Cypress Boulevard color palette (#E7F6F0, #78ABA6, #007660, #58395D, #002220)
• Tempered Basin color palette (#F8E3EA, #847946, #3A4B00, #281F56, #0A0700)
• Weathered Canyon color palette (#D2E5DB, #7C976E, #006542, #4A2364, #071700)
• Navy Balcony color palette (#EEDDE5, #4E93B3, #004A87, #002C2B, #02001D)
• Worn Pewter color palette (#EBF5EB, #96BEA8, #697D52, #475475, #0F2E20)

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