Tempered Veranda color palette — #FCF3F1 · #F3A7B9 · #917C29 · #995566 · #322D23

Walnut and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Ballet Pink (#F3A7B9): A luminous, balanced red — the color of embers at dusk.
• Walnut (#917C29): A full-bodied, balanced green — the color of a quiet forest floor.
• Pewter (#995566): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#322D23): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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

• Softworn Delta color palette (#FDF2F5, #D7ADF0, #A0742E, #7C608C, #322D27)
• Dusty Field color palette (#F9EFEE, #E5B2CA, #6D8E55, #9A5A7B, #171709)
• Apricot Cabin color palette (#FBF4EE, #F4AE83, #528C68, #945E3B, #2D2F28)
• Driftwood Grove color palette (#F7F3FA, #F8BED3, #A59E5E, #B8758F, #203229)
• Powdered Apricot color palette (#FFF1F2, #F1A288, #AB7C47, #6B5618, #3B4D0C)
• Weathered Coral color palette (#FDF4E5, #E48C7E, #8A7540, #3F5C7B, #6C3900)
• Coral Market color palette (#FFF2ED, #FF6B62, #5F6D00, #9C1D1F, #231D00)
• Dusty Bronze Ridge color palette (#FAEADC, #AE6000, #004C27, #4C2700, #030400)

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