Pine Veranda color palette — #EEF8F3 · #A0B98E · #3D845F · #3C606D · #314843

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Sage (#A0B98E): A luminous, dusty green — the color of fresh herbs.
• Fern (#3D845F): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#3C606D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#314843): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Muted Driftwood Field color palette (#FDF2F6, #ACC9B5, #7D8751, #57677F, #425147)
• Cypress Lantern color palette (#E8FAF1, #83A777, #007552, #494766, #1E3C37)
• Patina Cerulean Thicket color palette (#FAF3F8, #BAE4F4, #1997C1, #007359, #354A5F)
• Patina Basalt color palette (#F8F6E5, #D5D9B4, #87BA9A, #7F987B, #444600)
• Wandering Pine color palette (#D0E6DE, #4B8B53, #005140, #421B4A, #00201E)
• Worn Mallow Alley color palette (#F0F5FF, #DED8E2, #F5AACB, #528BA5, #4C5264)
• Moss Corridor color palette (#EFF6FF, #789FE8, #938E0B, #3D63AC, #46441B)
• Chalky Bronze Lagoon color palette (#EFF6FF, #5D89CD, #A76D00, #457832, #29394D)

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