Tempered Pine Veranda color palette — #FEF4E1 · #96AD69 · #367A48 · #5D501A · #34401B

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

The five colors

• Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#96AD69): A luminous, balanced green — the color of fresh herbs.
• Olive (#367A48): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#5D501A): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#34401B): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Station color palette (#FFF3E6, #B5A357, #5E7324, #215D4A, #443A0F)
• Fern Veranda color palette (#F5F6E9, #A5B792, #318180, #5C5E11, #324B07)
• Dusty Cypress Corridor color palette (#F6F7E3, #6BB496, #007976, #734135, #104533)
• Weathered Delta color palette (#FAF5E8, #C5C2A7, #7B8944, #596C5A, #564E00)
• Clover Drift color palette (#E1EEDC, #17C576, #008571, #00585C, #1A3959)
• Gentle Clover Harbor color palette (#EAFAEF, #C0DB83, #4EBF6B, #98884F, #174338)
• Softworn Lagoon Orchard color palette (#E2E2CF, #468A64, #005048, #223500, #002211)
• Patina Scarlet color palette (#EAFCE0, #00AC92, #D83F44, #006C5B, #6A171B)

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