Pine Veranda color palette — #F9F5E6 · #8CA479 · #157638 · #2C4D71 · #36362F
Built around Olive, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8CA479): A luminous, dusty green — the color of new leaves after rain.
- Olive (#157638): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#2C4D71): A full-bodied, dusty blue — the color of open sky before noon.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Veranda 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 Drift color palette (#F4F7E9, #75A890, #007366, #464571, #2A3D00)
- Airy Pine color palette (#FCF5E0, #8FB069, #00802B, #6D3C6A, #30411A)
- Pine Quarry color palette (#FAF0E4, #9FA66A, #3D7247, #61393F, #211C07)
- Worn Grove color palette (#F7E9D3, #9E9600, #4D6400, #4A3278, #322F00)
- Softworn Lagoon color palette (#EAFAEB, #B3BA81, #598F62, #675C80, #203C32)
- Cerulean Market color palette (#FAF4EC, #A9D0B3, #0085A7, #006158, #1A4337)
- Tempered Harbor color palette (#E4FBF5, #B3D5AC, #77B082, #628B9A, #143D38)
- Pine Station color palette (#E6E5D7, #488C46, #005235, #0F2A63, #1B1D00)
Browse the whole catalog at Explore, or see today's palette.