Tempered Veranda color palette — #FCF4E7 · #B8B08B · #53814B · #774C4D · #4E4200

Built around Fern, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sage (#B8B08B): A luminous, dusty green — the color of fresh herbs.
• Fern (#53814B): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#774C4D): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#4E4200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Aged Fern color palette (#F7F5EE, #BFC5A2, #46917A, #785F58, #4C5200)
• Worn Olive Harbor color palette (#E7F6ED, #B8B781, #717C3C, #684B58, #132D22)
• Hushed Hollow color palette (#FDF4E5, #97A263, #2D7529, #5C4815, #37362F)
• Washed Cypress color palette (#F5F7E4, #6BB498, #007978, #744132, #393C35)
• Softworn Cabin color palette (#FEF6D0, #BBBD78, #718100, #434C00, #2E3200)
• Soft Cornflower Corridor color palette (#FCF5E1, #A9A347, #6781E5, #6E6800, #54384E)
• Hushed Coast color palette (#FDF4E0, #BDEFD7, #7BD4CA, #9B7453, #5B4D00)
• Ancient Canyon color palette (#FAF4F0, #C3E6D0, #3D93C6, #007264, #553F54)

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