Pine Veranda color palette — #F5F6EC · #D1DDD3 · #B2C39B · #407A3C · #404400
Olive and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F6EC): bright and airy, almost weightless.
- Silver (#D1DDD3): a clean, paper-quiet neutral.
- Pistachio (#B2C39B): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#407A3C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#404400): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Patina Cypress color palette (#F2F7F1, #D1DFDB, #B1C5C2, #39827A, #424A40)
- Antique Olive Study color palette (#F3F3E6, #CBDBD0, #B3C5B1, #527834, #262617)
- Powdered Pine Bloom color palette (#F8F7DD, #7DB471, #007F37, #425A21, #274320)
- Aged Cypress color palette (#EFF8F1, #C4D8CC, #8AB19F, #006671, #223928)
- Worn Abyss color palette (#E0E9E0, #A0ADA3, #678875, #004041, #0C170D)
- Chartreuse Studio color palette (#EFFAE1, #89F578, #00D090, #009D8E, #003E2C)
- Worn Nightshade color palette (#EDFAE7, #009281, #006284, #362795, #1F3900)
- Emerald Veranda color palette (#FBF7CF, #00A664, #007060, #00477D, #00402C)
Browse the whole catalog at Explore, or see today's palette.