Softworn Pine color palette — #FCF6DD · #83A461 · #247D46 · #00566D · #3D3E37
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#FCF6DD): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#83A461): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#247D46): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00566D): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#3D3E37): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Softworn 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
- Weathered Field color palette (#FEF4E1, #B2934E, #716D00, #005B4E, #403D36)
- Worn Pier color palette (#F7F6E4, #7DB69A, #1D897D, #3E5B80, #424B3A)
- Emerald Quarry color palette (#F3F8E7, #479D63, #007176, #0F4B78, #433701)
- Tempered Moss Garden color palette (#FFEFE0, #A5A141, #1B7D5C, #593761, #25240D)
- Quiet Terrace color palette (#FFF1F6, #B9B840, #3A9A78, #765484, #22453D)
- Tempered Navy color palette (#F7F8D6, #00A292, #006D76, #343691, #003E3C)
- Lime Boulevard color palette (#F6F7E6, #D0DD8A, #86C54B, #42A571, #383932)
- Linen Emerald Orchard color palette (#ECE7BB, #00964E, #00614F, #003B63, #00321F)
Browse the whole catalog at Explore, or see today's palette.