---
title: "Color Trends 2026 — Warmth | Time Paints"
description: "Explore Time Paints\' 2026 Warmth palette — an earthy, nature-rooted collection of warm sands, rich clay, garden greens, ocean blues, and golden-hour amber for spaces that feel genuinely alive."
keywords: "Time Paints, color trends 2026, color palette, interior design, paint colors, residential projects, commercial projects, neutral colors."
url: "https://www.timepaints.com/en/colors/trends-2026"
canonical: "https://www.timepaints.com/en/colors/trends-2026"
language: "en"
site_name: "Timepaints-Website"
og_type: "website"
---

 Color Trends 2026 — Warmth | Time Paints                 {
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "@id": "https://timepaints.com/#organization",
            "name": "Timepaints",
            "url": "https://timepaints.com",
            "logo": {
                "@type": "ImageObject",
                "@id": "https://timepaints.com/#logo",
                "url": "https://www.timepaints.com/images/social-image.png"
            },
            "image": {
                "@id": "https://timepaints.com/#logo"
            },
            "description": "Timepaints is a leading paint and color solutions company in Saudi Arabia.",
            "email": "help@timepaints.com",
            "telephone": "+966114280000",
            "sameAs": [
                "https://www.facebook.com/timepaints",
                "https://www.twitter.com/timepaints",
                "https://www.instagram.com/timepaints",
                "https://www.pinterest.com/timepaints",
                "https://www.linkedin.com/company/timepaints"
            ],
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+966114280000",
                "contactType": "customer service",
                "areaServed": "SA",
                "availableLanguage": [
                    "ar",
                    "en"
                ]
            },
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Takkassi Street, Al-Nakheel",
                "addressLocality": "Riyadh",
                "addressRegion": "Riyadh",
                "postalCode": "12384",
                "addressCountry": "SA"
            },
            "vatID": "300055284300003"
        },
        {
            "@type": "WebSite",
            "@id": "https://timepaints.com/#website",
            "url": "https://timepaints.com/",
            "name": "Timepaints.com",
            "publisher": {
                "@id": "https://timepaints.com/#organization"
            },
            "inLanguage": "en",
            "about": {
                "@id": "https://timepaints.com/#organization"
            },
            "hasPart": [
                {
                    "@type": "WebPage",
                    "@id": "https://www.timepaints.com/en/faq#webpage",
                    "url": "https://www.timepaints.com/en/faq",
                    "name": "Frequently Asked Questions"
                }
            ],
            "potentialAction": {
                "@type": "SearchAction",
                "target": "https://timepaints.com/store/global-search?search={search_term_string}",
                "query-input": "required name=search_term_string"
            }
        },
        {
            "@type": "LocalBusiness",
            "@id": "https://timepaints.com/#local-business",
            "name": "Timepaints",
            "url": "https://timepaints.com",
            "image": "https://www.timepaints.com/images/social-image.png",
            "priceRange": "$$",
            "telephone": "+966114280000",
            "parentOrganization": {
                "@id": "https://timepaints.com/#organization"
            },
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Takkassi Street, Al-Nakheel",
                "addressLocality": "Riyadh",
                "addressRegion": "Riyadh",
                "postalCode": "12384",
                "addressCountry": "SA"
            },
            "areaServed": {
                "@type": "Country",
                "name": "Saudi Arabia"
            }
        },
        {
            "@type": "Service",
            "@id": "https://timepaints.com/#paint-services",
            "name": "Paint and color solutions",
            "description": "Interior, exterior, and specialty paints, color solutions, and implementation services for homes and projects.",
            "provider": {
                "@id": "https://timepaints.com/#organization"
            },
            "areaServed": {
                "@type": "Country",
                "name": "Saudi Arabia"
            },
            "serviceType": [
                "Interior paints",
                "Exterior paints",
                "Specialty paints",
                "Color consultation",
                "Paint implementation"
            ]
        }
    ]
} /* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2jl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia0zl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2zl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia1pl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2pl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia25l7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia1zl7w0q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2jl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia0zl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2zl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia1pl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2pl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia25l7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia1zl7w0q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2jl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia0zl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2zl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia1pl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2pl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia25l7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia1zl7w0q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2jl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia0zl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2zl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia1pl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia2pl7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia25l7w0q5n-wu.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/sinterv20ucc73fwrk3iltehus-nvmrmxcp50sjia1zl7w0q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/stajawalv12iura6ybj-ocad4k1nzsbc5xlhlfw4q.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/stajawalv12iura6ybj-ocad4k1nzgbc5xlhle.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/stajawalv12iurf6ybj-ocad4k1l8kihrrpiztk6gwn9w.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/stajawalv12iurf6ybj-ocad4k1l8kihrfpiztk6gw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/stajawalv12iurf6ybj-ocad4k1l4qkhrrpiztk6gwn9w.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.timepaints.com/fonts/667aa16b4f/stajawalv12iurf6ybj-ocad4k1l4qkhrfpiztk6gw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 
html[lang="ar"] .trends-display { font-family: 'Tajawal', sans-serif; font-weight: 700; }
html[lang="ar"] .trends-body    { font-family: 'Tajawal', sans-serif; }
html:not([lang="ar"]) .trends-display { font-family: 'Cormorant Garamond', Georgia, serif; }
html:not([lang="ar"]) .trends-body    { font-family: 'DM Sans', system-ui, sans-serif; }

/* Numerals always use Cormorant Garamond regardless of locale */
html[lang="ar"] .hero-year-big,
html[lang="ar"] .section-num { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 300; }

.swatch-card { border-radius: 0.75rem; transition: transform 0.2s ease; }
.swatch-card:hover { transform: scale(1.04); }
.swatch-color { transition: filter 0.2s ease; }
.swatch-card:hover .swatch-color { filter: brightness(0.91); }

.section-fade { opacity: 0; transform: translateY(28px); transition: opacity 0.6s ease, transform 0.6s ease; }
.section-fade.visible { opacity: 1; transform: none; }

.nav-pill { transition: background 0.18s ease, color 0.18s ease; }
.nav-pill.active { background: #1a1a2e !important; color: #fff !important; }
html { scroll-behavior: smooth; }

.nav-pills-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-mask-image: linear-gradient(to right, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
    mask-image:         linear-gradient(to right, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
}
[dir="rtl"] .nav-pills-scroll {
    -webkit-mask-image: linear-gradient(to left, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
    mask-image:         linear-gradient(to left, transparent 0, black 20px, black calc(100% - 20px), transparent 100%);
}
.nav-pills-scroll::-webkit-scrollbar { display: none; }

.hero-year-big {
    font-size: clamp(4.5rem, 22vw, 17rem);
    letter-spacing: -0.05em;
    line-height: 0.82;
    font-weight: 700;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    position: relative;
    z-index: 2;
    display: block;
}

.hero-strip-chip {
    flex: 1;
    transition: flex 0.35s cubic-bezier(.22,.68,0,1.2);
}
.hero-strip-chip:hover { flex: 5; }

@keyframes heroIn {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: none; }
}
.hi-0 { animation: heroIn 0.9s cubic-bezier(.22,.68,0,1.2) 0.05s both; }
.hi-1 { animation: heroIn 0.9s cubic-bezier(.22,.68,0,1.2) 0.2s  both; }
.hi-2 { animation: heroIn 0.9s cubic-bezier(.22,.68,0,1.2) 0.35s both; }
.hi-3 { animation: heroIn 0.9s cubic-bezier(.22,.68,0,1.2) 0.48s both; }

/* Full-layout section image: taller on mobile, ultra-wide on desktop */
/* Section ordinal number — always Cormorant Garamond, both locales */
.section-num {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.03em;
}

.section-img-full { aspect-ratio: 16/9; }
@media (min-width: 768px) { .section-img-full { aspect-ratio: 21/9; } }

/* Side layout card: constrained to 21:9 on desktop so image shows at full ratio */
@media (min-width: 768px) {
    .side-card { aspect-ratio: 21/9; }
}

/* Side layout corner rounding — applied per cell so parent needs no overflow-hidden */
.side-img, .side-img-alt {
    overflow: hidden;
    border-radius: 1rem 1rem 0 0; /* mobile: top corners */
}

/* Pan animation: reveals the hidden portion of the 21:9 image on card hover */
.side-img img     { object-position: left center;  transition: object-position 8s cubic-bezier(.25,.46,.45,.94); }
.side-img-alt img { object-position: right center; transition: object-position 8s cubic-bezier(.25,.46,.45,.94); }
.side-card:hover .side-img img     { object-position: right center; }
.side-card:hover .side-img-alt img { object-position: left center; }
.side-content, .side-content-alt {
    border-radius: 0 0 1rem 1rem; /* mobile: bottom corners */
}
@media (min-width: 768px) {
    .side-img     { grid-column: span 3 / span 3; border-radius: 1rem 0 0 1rem; }
    .side-content { grid-column: span 2 / span 2; border-radius: 0 1rem 1rem 0; }
    /* Alternating: image on right, content on left */
    .side-img-alt     { order: 2; grid-column: span 3 / span 3; border-radius: 0 1rem 1rem 0; }
    .side-content-alt { order: 1; grid-column: span 2 / span 2; border-radius: 1rem 0 0 1rem; }
}
 [wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}   

 
                function otpAlpineForm() {
                    return {
                        seconds: 60,
                        resend: false,
                        timer: null,
                        valueChanged: false,
                        length: 5,
                        get inputs() {
                            return this.$refs.otpInputContainer.querySelectorAll('.otpInput');
                        },
                        init() {
                            /*console.log(this.$refs.otpInputContainer.querySelectorAll('input.otpInput'), this.inputs);
                            this.inputs[0].focus();*/
                            this.startTimer(60);

                            this.$wire.on('otp_error', (t) => {
                                this.valueChanged = false;
                            });

                            this.$wire.on('start_otp_timer', (t) => {
                                this.startTimer(t[0].seconds);
                            });
                        },
                        startTimer(seconds) {
                            this.resend = false;
                            this.seconds = seconds;
                            if (this.timer) {
                                clearInterval(this.timer);
                            }

                            this.timer = setInterval(() => {
                                if (this.seconds > 0) {
                                    this.seconds--;
                                } else {
                                    this.resend = true;
                                    clearInterval(this.timer);
                                }
                            }, 1000);
                        },
                        onlyNumbers(value) {
                            return value.replace(/[^0-9]/g, '');
                        },
                        handleInput(e, index) {
                            let cleanedValue = this.onlyNumbers(e.target.value);
                            if (cleanedValue.length === 0) {
                                e.target.value = null;
                            } else if (cleanedValue.length === this.length) {
                                // input from mobile keyboard (otp)
                                this.fillData(cleanedValue);
                                return;
                            }

                            if (e.target.value) {
                                this.valueChanged = true;

                                const nextInput = this.inputs[index + 1];
                                if (nextInput) {
                                    nextInput.focus();
                                    nextInput.select();
                                } else {
                                    this.submitIfFilled();
                                }
                            }
                        },
                        handlePaste(e) {
                            this.fillData(e.clipboardData.getData('text'));
                        },
                        fillData(value) {
                            let paste = value.slice(0, this.length);
                            paste = this.onlyNumbers(paste);
                            paste.split('').forEach((char, i) => {
                                if (this.inputs[i]) {
                                    this.inputs[i].value = char;
                                    this.valueChanged = true;
                                }
                                if (this.inputs[i + 1]) {
                                    this.inputs[i].focus();
                                }
                            });

                            this.submitIfFilled();
                        },
                        submitIfFilled() {
                            const otpValue = [...this.inputs].map(input => input.value).join('');
                            if (otpValue.length === this.length) {
                                this.$wire.call('validateOtp', otpValue);
                            }
                        },
                        handleBackspace(e, index) {
                            if (index > 0) {
                                this.inputs[index - 1].focus();
                                this.inputs[index - 1].select();
                            }
                        },
                    };
                }
               Login 

 Using mobile

 

 

  966   

   

 Login

        

  

 

 

   

 

 

  ![Timepaints logo](https://www.timepaints.com/images/hlogo_dark.png) 

      

 [ Login ](#) 

 - [ Home ](https://www.timepaints.com/en)
- Products
    
       
    
     
    
    
    - [Interior Paints](https://www.timepaints.com/en/products-section-interior-paints.html)   
        
         
        
        
        - [Water-based Paints](https://www.timepaints.com/en/products-section-water-based-paints.html)   
            
             
            
            
            - [ Water-based Bases ](https://www.timepaints.com/en/products-section-water-based-bases.html)
            - [ Water-based Final Coating ](https://www.timepaints.com/en/products-section-water-based-final-coating.html)
        - [ Solvent-Based Paints ](https://www.timepaints.com/en/products-section-solvent-based-paints.html)
        - [ Decorative Paints ](https://www.timepaints.com/en/products-section-decorative-paints.html)
        - [ Putty &amp; Fillers ](https://www.timepaints.com/en/products-section-putty-fillers.html)
    - [Exterior Paints](https://www.timepaints.com/en/products-section-exterior-paints.html)   
        
         
        
        
        - [ Exterior Textures ](https://www.timepaints.com/en/products-section-exterior-textures.html)
        - [ Exterior Bases ](https://www.timepaints.com/en/products-section-exterior-bases.html)
        - [ Plain Exterior Paints ](https://www.timepaints.com/en/products-section-plain-exterior-paints.html)
    - [Special Paints](https://www.timepaints.com/en/products-section-special-paints.html)   
        
         
        
        
        - [ Wood Paints ](https://www.timepaints.com/en/products-section-wood-paints.html)
        - [ Proofing Paints ](https://www.timepaints.com/en/products-section-proofing-paints.html)
        - [ Glue ](https://www.timepaints.com/en/products-section-glue.html)
    - [ Application Tools ](https://www.timepaints.com/en/products-section-application-tools.html)
    - [Show all products](https://www.timepaints.com/en/products)
- [Color Trends](https://www.timepaints.com/en/colors)
- [Locations](https://www.timepaints.com/en/locations)
- [About Us](https://www.timepaints.com/en/company)
- [Implementation](https://www.timepaints.com/en/implementation)
- [Projects](https://www.timepaints.com/en/projects)
- [Contact Us](https://www.timepaints.com/en/contact)
 
  

 

      

 [ ![Time Paints](https://www.timepaints.com/images/hlogo_en.png) ](https://www.timepaints.com/en) 

      

 
 

 

  

 [        

 ](https://www.timepaints.com/en/favourites) 

 [ ع ](https://www.timepaints.com/ar/colors/trends-2026) [  . 

 ](https://www.timepaints.com/store/cart) 

 

 

 

      

 
 

  

  Products  - [ Interior Paints   ](https://www.timepaints.com/en/products-section-interior-paints.html)
    - [ Water-based Paints   ](https://www.timepaints.com/en/products-section-water-based-paints.html)
        - [ Water-based Bases ](https://www.timepaints.com/en/products-section-water-based-bases.html)
        - [ Water-based Final Coating ](https://www.timepaints.com/en/products-section-water-based-final-coating.html)
    - [ Solvent-Based Paints ](https://www.timepaints.com/en/products-section-solvent-based-paints.html)
    - [ Decorative Paints ](https://www.timepaints.com/en/products-section-decorative-paints.html)
    - [ Putty &amp; Fillers ](https://www.timepaints.com/en/products-section-putty-fillers.html)
- [ Exterior Paints   ](https://www.timepaints.com/en/products-section-exterior-paints.html)
    - [ Exterior Textures ](https://www.timepaints.com/en/products-section-exterior-textures.html)
    - [ Exterior Bases ](https://www.timepaints.com/en/products-section-exterior-bases.html)
    - [ Plain Exterior Paints ](https://www.timepaints.com/en/products-section-plain-exterior-paints.html)
- [ Special Paints   ](https://www.timepaints.com/en/products-section-special-paints.html)
    - [ Wood Paints ](https://www.timepaints.com/en/products-section-wood-paints.html)
    - [ Proofing Paints ](https://www.timepaints.com/en/products-section-proofing-paints.html)
    - [ Glue ](https://www.timepaints.com/en/products-section-glue.html)
- [ Application Tools ](https://www.timepaints.com/en/products-section-application-tools.html)
 
 [Show all products](https://www.timepaints.com/en/products) 

 

 

|

 [ Color Trends ](https://www.timepaints.com/en/colors)|

 Services  - [ Implementation ](https://www.timepaints.com/en/implementation)
- [ Projects ](https://www.timepaints.com/en/projects)
 
 

 

|

 [ Locations ](https://www.timepaints.com/en/locations)|

 [ Contact Us ](https://www.timepaints.com/en/contact)

  Login 

 [  . 

 ](https://www.timepaints.com/store/cart) 

 

 

 

  ![2026 Warmth](https://www.timepaints.com/images/colors/trends/trends-2026-hero.webp)

  Time Paints · Color Trends 2026
====

   Warmth       

































































 



 [ Sands ](#section-sands) [ Lavender ](#section-lavender) [ Garden ](#section-garden) [ Ocean ](#section-ocean) [ Golden Hour ](#section-golden-hour) 

  ![Sands](https://www.timepaints.com/images/colors/trends/2026-sands.webp)

 01

 Sands 
-------

 

 

 The palette of warm calm. These honey-ivory to golden-camel tones carry the depth of sun-warmed stone and the serenity of open desert. Chosen by designers who want warmth without weight — neutrals that feel alive rather than absent. Works with dark walnut, natural linen, and rattan.

 

 [  G-0002  

 ](https://www.timepaints.com/en/colors/color-G-0002) [         ](#)

 [  OR-0642  

 ](https://www.timepaints.com/en/colors/color-OR-0642) [         ](#)

 [  YL-0182  

 ](https://www.timepaints.com/en/colors/color-YL-0182) [         ](#)

 [  OR-0264  

 ](https://www.timepaints.com/en/colors/color-OR-0264) [         ](#)

 [  OR-0246  

 ](https://www.timepaints.com/en/colors/color-OR-0246) [         ](#)

 [  OR-0386  

 ](https://www.timepaints.com/en/colors/color-OR-0386) [         ](#)

 [  OR-0360  

 ](https://www.timepaints.com/en/colors/color-OR-0360) [         ](#)

 

 

 

   ![Lavender](https://www.timepaints.com/images/colors/trends/2026-lavender.webp)

 02

 Lavender 
----------

 

 

 The standout colour family of 2026 — from palest lavender mist to deep amethyst plum. These muted violet tones carry quiet confidence: feminine without being sweet, distinctive without demanding attention. The considered choice for bedrooms, living rooms, and reception spaces where the brief is elegance with depth.

 

 [  VT-0004  

 ](https://www.timepaints.com/en/colors/color-VT-0004) [         ](#)

 [  VT-0008  

 ](https://www.timepaints.com/en/colors/color-VT-0008) [         ](#)

 [  VT-0010  

 ](https://www.timepaints.com/en/colors/color-VT-0010) [         ](#)

 [  VT-0012  

 ](https://www.timepaints.com/en/colors/color-VT-0012) [         ](#)

 [  VT-0092  

 ](https://www.timepaints.com/en/colors/color-VT-0092) [         ](#)

 [  VT-0096  

 ](https://www.timepaints.com/en/colors/color-VT-0096) [         ](#)

 [  VT-0116  

 ](https://www.timepaints.com/en/colors/color-VT-0116) [         ](#)

 

 

 

   ![Garden](https://www.timepaints.com/images/colors/trends/2026-garden.webp)

 03

 Garden 
--------

 

 

 Greens grounded in the earth. From the faintest sage to deep forest — every tone is earthy, warm-undertoned, and rooted in olive groves rather than cool aquatics. The decisive choice for living rooms, bedrooms, and studies seeking a genuine connection to nature.

 

 [  GR-0822  

 ](https://www.timepaints.com/en/colors/color-GR-0822) [         ](#)

 [  GR-0324  

 ](https://www.timepaints.com/en/colors/color-GR-0324) [         ](#)

 [  GR-0750  

 ](https://www.timepaints.com/en/colors/color-GR-0750) [         ](#)

 [  GR-0686  

 ](https://www.timepaints.com/en/colors/color-GR-0686) [         ](#)

 [  GR-0568  

 ](https://www.timepaints.com/en/colors/color-GR-0568) [         ](#)

 [  GR-0636  

 ](https://www.timepaints.com/en/colors/color-GR-0636) [         ](#)

 

 

 

   ![Ocean](https://www.timepaints.com/images/colors/trends/2026-ocean.webp)

 04

 Ocean 
-------

 

 

 Blues that move from coast to depth. Beginning with bright aqua shallows and descending through turquoise, mid-ocean blue, and deep calm navy — a complete marine spectrum for coastal residences, resort interiors, and any brief that calls for assured, uncontrived calm.

 

 [  GR-0064  

 ](https://www.timepaints.com/en/colors/color-GR-0064) [         ](#)

 [  BL-0166  

 ](https://www.timepaints.com/en/colors/color-BL-0166) [         ](#)

 [  BL-0226  

 ](https://www.timepaints.com/en/colors/color-BL-0226) [         ](#)

 [  BL-0148  

 ](https://www.timepaints.com/en/colors/color-BL-0148) [         ](#)

 [  BL-0074  

 ](https://www.timepaints.com/en/colors/color-BL-0074) [         ](#)

 [  BL-0056  

 ](https://www.timepaints.com/en/colors/color-BL-0056) [         ](#)

 

 

 

   ![Golden Hour](https://www.timepaints.com/images/colors/trends/2026-golden-hour.webp)

 05

 Golden Hour 
-------------

 

 

 The palette of warm light at its finest. From dusty blush to warm amber and deep copper — these tones give a room the feel of golden-hour light. The most distinctive and bold palette of the 2026 collection. At home in bedrooms, intimate sitting rooms, and hospitality interiors where atmosphere is the primary brief.

 

 [  CT-2106  

 ](https://www.timepaints.com/en/colors/color-CT-2106) [         ](#)

 [  RD-0022  

 ](https://www.timepaints.com/en/colors/color-RD-0022) [         ](#)

 [  OR-0288  

 ](https://www.timepaints.com/en/colors/color-OR-0288) [         ](#)

 [  YL-0230  

 ](https://www.timepaints.com/en/colors/color-YL-0230) [         ](#)

 [  OR-0312  

 ](https://www.timepaints.com/en/colors/color-OR-0312) [         ](#)

 [  YL-0336  

 ](https://www.timepaints.com/en/colors/color-YL-0336) [         ](#)

 

 

 

 

Other Cataloges
---------------

 



 [    

 Color Trends 

 ![Color Trends 2025](https://www.timepaints.com/images/colors/trends/trends-2025.webp) 

###  Color Trends 2025 

 Explore the 2025 Equilibrium palette — harmonious tones blending warmth and serenity for a balanced and comfortable interior.

 

 ](https://www.timepaints.com/en/colors/trends-2025) [    

 Color Trends 

 ![Color Trends 2023](https://www.timepaints.com/images/colors/trends/trends-2023-cover.webp) 

###  Color Trends 2023 

 The 2023 Color of the Year collection — nature-inspired shades full of depth and character that tell a distinctive story for your project.

 

 ](https://www.timepaints.com/en/colors/trends-2023) [    

 Catalog 

 ![Texture](https://www.timepaints.com/assets/catalogs/texture.png) 

###  Texture 

 Explore the Texture range — creative surface effects that add depth, dimension, and character to your walls.

 

 ](https://www.timepaints.com/en/colors/catalogue-viewer-texture) [    

 Catalog 

 ![Timtex](https://www.timepaints.com/assets/catalogs/timetex.png) 

###  Timtex 

 The Timtex collection delivers a distinctive textured finish with exceptional coverage for both interior and exterior surfaces.

 

 ](https://www.timepaints.com/en/colors/catalogue-viewer-timetex) 



 Timepaints

   Takkassi Street 

   Kingdom Of Saudi Arabia - Riyadh 

   **Tel :** (+966 11) 4280000 

   **Projects :** (+966 11) 2727270 

 

VAT

300055284300003

 

 

 

Sections
--------

  ###  [About Us](https://www.timepaints.com/en/company) 

 

  ###  [Implementation](https://www.timepaints.com/en/implementation) 

 

  ###  [Color Trends](https://www.timepaints.com/en/colors) 

 

  ###  [Products](https://www.timepaints.com/en/locations) 

 

  ###  [Locations](https://www.timepaints.com/en/products) 

 

  ###  [Jobs](https://www.timepaints.com/en/jobs) 

 

  ###  [Frequently Asked Questions](https://www.timepaints.com/en/faq) 

 

  ###  [Contact Us](https://www.timepaints.com/en/contact) 

 

 

 

 

Follow Us

 [        ](https://facebook.com/timepaints) [   ](https://twitter.com/timepaints) [   ](https://instagram.com/timepaints) [         ](https://www.linkedin.com/company/timepaints) [    Issuu icon   ](https://issuu.com/timepaints) 

 

 

Download Our Application

 [             ](https://apps.apple.com/sa/app/time-paints/id6514272982) [       ](https://play.google.com/store/apps/details?id=com.timepaints.main_app) [      ](https://appgallery.huawei.com/app/C111477289) 

 

 

 [ Terms and Conditions ](https://www.timepaints.com/en/terms-and-conditions) 
 [ Privacy Policy ](https://www.timepaints.com/en/privacy-policy) 
 [ Shipping And Return Policy ](https://www.timepaints.com/en/shipping-policy) 
 [ For best view ](https://www.timepaints.com/en/bestview) 

 

 

 ![Mada Bank Card](https://www.timepaints.com/assets/images/mada.png)|

        |

         |

         |

      |

               |

 ![tamara](https://www.timepaints.com/assets/images/tamara.png)|

 [ ![SBC](https://www.timepaints.com/assets/images/sbc.png) ](https://eauthenticate.saudibusiness.gov.sa/certificate-details/0000013214) 



 

 

 Sail with us in a World Of Colors 
-----------------------------------

 Copyright © 2026 Al-Daman Building Materials Co. All rights reserved. 

  
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }

        gtag('js', new Date());
        gtag('config', 'G-KDND7013N4');
        gtag('config', 'AW-16518811482');
     
(function () {
    const fadeObserver = new IntersectionObserver(entries => {
        entries.forEach(e => {
            if (e.isIntersecting) {
                e.target.classList.add('visible');
                fadeObserver.unobserve(e.target);
            }
        });
    }, { threshold: 0.08 });
    document.querySelectorAll('.section-fade').forEach(el => fadeObserver.observe(el));

    const sections = document.querySelectorAll('section[id^="section-"]');
    const pills    = document.querySelectorAll('[data-section]');
    const navObserver = new IntersectionObserver(entries => {
        entries.forEach(e => {
            if (e.isIntersecting) {
                const id = e.target.id.replace('section-', '');
                pills.forEach(p => p.classList.toggle('active', p.dataset.section === id));
            }
        });
    }, { rootMargin: '-30% 0px -60% 0px' });
    sections.forEach(s => navObserver.observe(s));

    document.querySelectorAll('a[data-section]').forEach(link => {
        link.addEventListener('click', function (e) {
            e.preventDefault();
            const target = document.getElementById('section-' + this.dataset.section);
            if (!target) return;
            const nav    = document.getElementById('trends-nav');
            const offset = nav ? nav.offsetHeight + 12 : 60;
            const top    = target.getBoundingClientRect().top + window.scrollY - offset;
            window.scrollTo({ top, behavior: 'smooth' });
            pills.forEach(p => p.classList.remove('active'));
            this.classList.add('active');
        });
    });
})();

    document.addEventListener('alpine:initialized', () => {
        Alpine.store('favourites').loggedIn = false
        Alpine.store('favourites').addUrl = 'https://www.timepaints.com/en/favourites/add';
        Alpine.store('favourites').removeUrl = 'https://www.timepaints.com/en/favourites/remove';
        Alpine.store('favourites').set([]);
    });
window.livewireScriptConfig = {"csrf":"XtM0Sw2aeuyDM5kMxM6ZDQliZufqx0XRVOrluDpt","uri":"https:\/\/www.timepaints.com\/livewire-7f3c3f80\/update","moduleUrl":"https:\/\/www.timepaints.com\/livewire-7f3c3f80","progressBar":"","nonce":""};
---

[العربية](https://www.timepaints.com/ar/colors/trends-2026)