Tempered Veranda color palette — #FFF2ED · #9CCBA9 · #639BB5 · #935E5E · #3F4C3A

Slate Blue takes the lead with Pewter close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Pistachio (#9CCBA9): A luminous, dusty teal — the color of sea glass.
• Slate Blue (#639BB5): A luminous, dusty blue — the color of deep harbor water.
• Pewter (#935E5E): A full-bodied, dusty red — the color of a theater curtain.
• Deep Olive (#3F4C3A): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Fern Dune color palette (#FFF2ED, #C6C186, #63A093, #895E81, #4D4A00)
• Washed Chapel color palette (#F7F5EC, #AFB77C, #7D89BD, #826234, #46423B)
• Wandering Turquoise Market color palette (#FEF0FC, #B1EFBC, #59AECF, #9C5F5C, #2E4346)
• Timeworn Mulberry color palette (#EAFAED, #7DB5A5, #2E8496, #7F4166, #2F4D54)
• Ancient Iris Hollow color palette (#FDF4E0, #64C2CE, #7E7FBE, #6F6424, #234539)
• Ancient Cocoa Lantern color palette (#FFF3EA, #E0CFB1, #A29D73, #74826F, #654700)
• Washed Quarry color palette (#FBF4EF, #C5E0EB, #C5A5C6, #549487, #634A59)
• Teal Meadow color palette (#EBF5EB, #4CADAB, #455E56, #323B31, #20231B)

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