Weathered Pine color palette — #ECF0DA · #749700 · #207300 · #004821 · #003224
Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#ECF0DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#749700): A luminous, balanced green — the color of new leaves after rain.
- Olive (#207300): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004821): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Forest (#003224): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Weathered 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
- Emerald Station color palette (#E0EDCF, #82B75A, #38A211, #00853A, #00361A)
- Olive Market color palette (#E5E4D2, #8FA500, #258D21, #005F37, #00352C)
- Softworn Amber Drift color palette (#F4E6CD, #AA9200, #625F00, #3C4700, #193600)
- Emerald Atelier color palette (#A9FBCB, #00A871, #006546, #00331D, #001C0D)
- Feathered Seafoam color palette (#EAF7CD, #5EDCC7, #3BABBA, #4D6A25, #2B391E)
- Airy Ultramarine Workshop color palette (#DFE4D3, #008145, #444FBB, #89230B, #002711)
- Cypress Harbor color palette (#D7F2E3, #007E63, #00443C, #002424, #020D17)
- Tempered Emerald color palette (#DCE2C1, #25A946, #872E94, #00591C, #3F1245)
Browse the whole catalog at Explore, or see today's palette.