Tempered Veranda color palette — #F4F4FF · #D8A6FB · #B89D4C · #5D8962 · #004049

Built around Lavender, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#D8A6FB): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#B89D4C): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#5D8962): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Teal (#004049): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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 Mallow Coast color palette (#F7F3FD, #F3ACE2, #A4B16E, #4B9497, #2E4558)
• Pale Coral Terrace color palette (#F1F5FF, #ADB8FF, #DD856A, #478D68, #03432F)
• Powder Boulevard color palette (#FDF1FC, #94BBFF, #B67A49, #00696C, #003233)
• Muted Fuchsia color palette (#E8E4FF, #E36EFF, #A98500, #00767A, #002A2C)
• Aged Powder Terrace color palette (#FCF2F6, #D7DEF6, #9FBEF6, #5DA5AD, #3F475E)
• Dusty Emerald color palette (#FCF1FF, #FFA4B8, #29A944, #00858E, #12296C)
• Fuchsia Terrace color palette (#FFF1F3, #D781D0, #B1686D, #7D532C, #4B2C45)
• Muted Courtyard color palette (#E5FBF5, #ACE4C1, #76BBB0, #938BA8, #2C4848)

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