Smoked Pine color palette — #ECF1E1 · #18740D · #004132 · #001B1B · #000405
Olive and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#ECF1E1): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#18740D): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004132): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001B1B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000405): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Smoked 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
- Cypress Boulevard color palette (#D7F5DD, #006B5B, #003D3E, #001C28, #000411)
- Muted Forest color palette (#F7EEDE, #5D5D00, #0C4B06, #002012, #000807)
- Hazy Emerald color palette (#E0E8CE, #00983B, #006248, #00403F, #00141C)
- Softworn Mulberry color palette (#D7E5D7, #006969, #800068, #003131, #090006)
- Powdered Indigo Ridge color palette (#D7EACC, #39B2CD, #6973D2, #2A4300, #000B0C)
- Dusty Bronze Grove color palette (#E5E7D3, #A55700, #007359, #040D0E, #010200)
- Midnight Aubergine color palette (#E0F2E7, #005264, #680069, #580037, #000102)
- Hushed Parlor color palette (#DAECEC, #007E9F, #004A78, #0A006E, #0E002B)
Browse the whole catalog at Explore, or see today's palette.