Pine Veranda color palette — #F4F4FF · #B284D9 · #087E3D · #00655A · #35354C
Olive and Wisteria set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Wisteria (#B284D9): A luminous, balanced violet — the color of a velvet chair.
- Olive (#087E3D): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#00655A): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#35354C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Feathered Olive Pier color palette (#F1F5FF, #827EC8, #4F8D3D, #00765B, #31374B)
- Peony Studio color palette (#F9F2FF, #C26496, #009075, #007079, #3E3249)
- Dusty Olive color palette (#F8F2FF, #B0648F, #468225, #2B528E, #382D42)
- Orchid Cabin color palette (#FFECF0, #B965CF, #A67500, #007A7E, #2C171C)
- Weathered Cerulean Workshop color palette (#ECF7FF, #0995C6, #8D7B00, #4E7637, #273B48)
- Powdered Wisteria color palette (#F5F3FF, #CA86DD, #B9914C, #18989D, #38344D)
- Weathered Studio color palette (#EADDE8, #BA00AF, #00755D, #00585D, #3B0E37)
- Muted Drift color palette (#ECF9F1, #9CAF81, #7F7336, #6E4821, #2A4241)
Browse the whole catalog at Explore, or see today's palette.