Pine Veranda color palette — #EDF9EF · #7AA696 · #317247 · #663A53 · #183D32

Pine and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Eucalyptus (#7AA696): A luminous, dusty teal — the color of glacier melt.
• Pine (#317247): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#663A53): A full-bodied, dusty rose — the color of strawberry cream.
• Forest (#183D32): A deep, shadowed, dusty teal — the color of sea glass.

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

• Aubergine Atelier color palette (#E4FCEF, #87B083, #007B68, #69387D, #20441D)
• Hushed Drift color palette (#F4F3E3, #89AA85, #17764F, #573B55, #1C1E06)
• Softworn Field color palette (#EDF8F2, #8CBAB3, #3D8270, #784B53, #2A4945)
• Hushed Aubergine Harbor color palette (#D3EBE2, #629A76, #00625E, #59255E, #02321A)
• Aged Emerald color palette (#E8FAF4, #96C290, #029863, #506386, #163D38)
• Tempered Pine Delta color palette (#FFE2EB, #99964C, #297A1B, #35227F, #323000)
• Mulberry Station color palette (#F1EBFC, #BA71A7, #008E6E, #94037D, #004030)
• Weathered Corridor color palette (#D8E6DC, #69844A, #005237, #52112F, #121F00)

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