Pine Veranda color palette — #F1F4E1 · #84B187 · #A777C1 · #007A25 · #321D3D

A conversation between Olive and Wisteria, giving this palette its sense of nature and growth.

The five colors

• Cream (#F1F4E1): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#84B187): A luminous, dusty green — the color of fresh herbs.
• Wisteria (#A777C1): A luminous, balanced violet — the color of a velvet chair.
• Olive (#007A25): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#321D3D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Ancient Lilac color palette (#F6F2E5, #ACA66D, #A078CB, #706600, #301C44)
• Airy Chapel color palette (#ECF6E4, #6CB59D, #C27189, #00765D, #401725)
• Tempered Corridor color palette (#E9F9F6, #92C987, #CE87D1, #59914E, #533754)
• Plum Workshop color palette (#EEF5DF, #53A070, #9C65B2, #9F4483, #1A2200)
• Ember Terrace color palette (#F5F7E7, #7DAF6F, #D56336, #337819, #48413D)
• Raspberry Grove color palette (#E3E9DD, #009E76, #BF00A4, #005A43, #2C0024)
• Patina Study color palette (#EBF5EB, #D9A68C, #006260, #002E2D, #060F06)
• Cocoa Ridge color palette (#FBF0E3, #BBA988, #8E6E4A, #76381C, #2A2202)

Browse the whole catalog at Explore, or see today's palette.