Worn Pine color palette — #F2F0E0 · #31784A · #004036 · #192200 · #000401
Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F2F0E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Pine (#31784A): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004036): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#192200): A deep, shadowed, dusty green — the color of new leaves after rain.
- 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
- Tempered Olive color palette (#F1E4D3, #6E6B19, #204000, #00251F, #030300)
- Worn Cypress Veranda color palette (#D0F6E8, #006D66, #004349, #001E29, #000610)
- Patina Forest Hollow color palette (#F2EBD9, #7E9769, #00663C, #004146, #0A1600)
- Weathered Emerald color palette (#C8E9E4, #52A16B, #005C3D, #083502, #000200)
- Garnet Market color palette (#CDE5D4, #006775, #832100, #003038, #090100)
- Dusty Alley color palette (#FAE9E1, #5695A0, #00506D, #002D23, #00040F)
- Powdered Pine color palette (#FAF1E0, #A0B169, #2C7E37, #005856, #1D2400)
- Garnet Grove color palette (#CBEEF7, #005262, #790500, #4E1F00, #000102)
Browse the whole catalog at Explore, or see today's palette.