Weathered Veranda color palette — #FDF2F0 · #F3AABB · #BF775D · #29826C · #361F22

Caramel and Teal set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Ballet Pink (#F3AABB): A luminous, balanced red — the color of a theater curtain.
• Caramel (#BF775D): A luminous, balanced orange — the color of autumn markets.
• Teal (#29826C): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#361F22): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered 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

• Cypress Field color palette (#FDF2EF, #F3BBBE, #C5868A, #007E61, #53283D)
• Weathered Amber color palette (#FEF2EE, #E3ABA4, #B48D4E, #287C98, #38251D)
• Washed Olive Studio color palette (#FFF1F6, #C9B6E8, #C77F97, #527834, #331D26)
• Washed Archive color palette (#F5F3FF, #D4A6E0, #AFA259, #439480, #2F3743)
• Dusty Denim color palette (#FEF3E9, #E19F6A, #988B2E, #055A9A, #271403)
• Wandering Harbor color palette (#FFF2EB, #D38168, #846100, #005166, #1E0600)
• Timeworn Bronze color palette (#FFF0F8, #EBD5DB, #EAA0B6, #A95941, #523200)
• Weathered Alley color palette (#FFF2EF, #DE97A8, #7B4514, #392522, #160D0E)

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