Tempered Pine Veranda color palette — #DFF8F4 · #71BB87 · #007F56 · #055567 · #002725

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

The five colors

• Ivory (#DFF8F4): A whisper-light, dusty teal — the color of sea glass.
• Jade (#71BB87): A luminous, balanced teal — the color of glacier melt.
• Teal (#007F56): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#055567): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#002725): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Linen Olive Balcony color palette (#E3F8EE, #9BB361, #487B00, #005854, #1B2500)
• Jade Coast color palette (#FDF5DB, #7AB663, #007D57, #5C4769, #3B3B34)
• Weathered Ridge color palette (#CBE7E6, #4CA07D, #006451, #003F55, #001617)
• Muted Olive Pier color palette (#EBF4EF, #B5B787, #6E7D34, #644B62, #122D23)
• Patina Emerald color palette (#F5F8DA, #7AD193, #009F6C, #237488, #1F442A)
• Cerulean Study color palette (#E8F5F3, #9CDBF0, #008FBC, #00616B, #00283E)
• Feathered Corridor color palette (#C8EFE1, #78A542, #1E6E00, #6B2400, #0D1A00)
• Weathered Chapel color palette (#E5FCF0, #B9E99C, #00AD71, #7B5A97, #213513)

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