Tempered Veranda color palette — #FAF5E5 · #94BB98 · #3F8176 · #6B5801 · #404800

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

The five colors

• Cream (#FAF5E5): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#94BB98): A luminous, dusty green — the color of fresh herbs.
• Teal (#3F8176): A full-bodied, dusty teal — the color of shallow lagoons.
• Olive (#6B5801): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#404800): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Dusty Basalt Garden color palette (#FEF3E5, #BAB086, #5A7E5F, #47614F, #4F4200)
• Softworn Grove color palette (#FCF5E1, #82A67F, #007362, #2E5447, #35362F)
• Sunlit Jade color palette (#EDEDD7, #0BAB82, #00676D, #304D00, #003728)
• Dusty Lagoon color palette (#ECF9F2, #B9E1BA, #5EC0AE, #719B88, #2C4946)
• Hushed Coast color palette (#E5FCEA, #BFE8ED, #D6C3ED, #55816A, #37574C)
• Muted Chestnut Alley color palette (#DEFFE9, #1998B0, #B2614D, #8C5300, #253F2F)
• Hushed Cypress color palette (#FBF3F0, #C9E5CD, #5F92AC, #3B6F4F, #583D57)
• Muted Studio color palette (#E4FCED, #3BB0CB, #C26D70, #007287, #603335)

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