Tempered Pine Veranda color palette — #F3F3E4 · #89B583 · #1B7F42 · #005760 · #042901

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Sage (#89B583): A luminous, balanced green — the color of new leaves after rain.
• Olive (#1B7F42): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005760): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#042901): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered 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

• Denim Canyon color palette (#EEF5E5, #78B6A5, #007C72, #00517C, #00271F)
• Powdered Pine Corridor color palette (#E5FCEB, #9CAC5C, #117F23, #53467D, #154437)
• Forest Harbor color palette (#EFF1E2, #699B75, #006543, #00404E, #001807)
• Emerald Bloom color palette (#E3FCF5, #9EC991, #399D52, #007781, #294222)
• Garnet Atelier color palette (#EDE4CE, #949D3B, #4E6500, #731415, #161800)
• Washed Olive Bloom color palette (#F6F1E9, #BFB290, #747A40, #78434B, #2F260F)
• Patina Veranda color palette (#F2F3E5, #9FDCE3, #0093A8, #00625F, #002A35)
• Weathered Studio color palette (#FDF4E4, #D5E19A, #59A752, #6A5DA9, #2D3200)

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