Tempered Veranda color palette — #FBF4EA · #E3D4B0 · #A7B378 · #A88497 · #543F00

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Wheat (#E3D4B0): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#A7B378): A luminous, balanced green — the color of fresh herbs.
• Dusty Rose (#A88497): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#543F00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

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

• Softworn Market color palette (#F6F6EB, #B3E3BF, #70BEA3, #A5849D, #3D4800)
• Hushed Moss color palette (#FDF3EB, #D2C496, #7C9C50, #886579, #563E00)
• Hushed Taupe color palette (#FFF1F6, #F5E6AB, #8DA872, #6E768B, #2C3D33)
• Weathered Basin color palette (#E5E6D2, #8DCAA3, #00A98B, #966476, #252C11)
• Ancient Moss color palette (#F5EAD4, #C3C948, #70AB00, #9265AD, #2F3100)
• Chalky Dune color palette (#FFF2EE, #FCA1A3, #88C871, #7EA7E3, #4B3028)
• Cocoa Alley color palette (#FFF2EE, #ECE5A5, #E0D8CE, #D6A3B9, #743A16)
• Coral Atelier color palette (#FFF2EE, #FFB4BE, #3BE5D5, #DD6A7E, #33492E)

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