Website color palettes

48 palettes made for real websites: each one sets the background, surfaces, text, accent and muted text, and comes with readable contrast. Pick one to see it on an example site, or try it on your own.

Earthy color palettes for websites

Muted greens, clay and sand on warm off-white. Earthy palettes feel calm and natural, and suit brands that want to look grounded rather than loud: interiors, food, wellness, outdoor gear and slow-living shops.

Olive & oatFood, cafés, natural skincareSage studioWellness, interiors, plant shopsClay & linenCeramics, crafts, slow fashionForest floorOutdoor brands, sustainability, nonprofitsDesert duskTravel, boutique hotels, lifestyleSandstoneArchitecture, furniture, premium services

Warm color palettes for websites

Terracotta, saffron and rose on cream. Warm palettes feel friendly and personal, and work well for hospitality, coaching, creative studios and consumer products that want to feel human.

TerracottaRestaurants, studios, home goodsSaffronFood, events, educationCinnamonBakeries, coffee, cosy retailGolden hourCreators, campaigns, consumer appsRosewoodWine, fashion, personal brandsCashmereLuxury, beauty, interiors

Cool color palettes for websites

Blues and teals on crisp light grounds. Cool palettes read as trustworthy and precise, which is why SaaS, fintech, developer tools and B2B services use them so often.

Blue noteSaaS, consultancies, educationGlacierHealth tech, analytics, clean SaaSHarborFinance, legal, B2B servicesLagoonProductivity tools, travel, wellness appsSlate & skyDeveloper tools, dashboards, docsFintechPayments, fintech, API productsOcean techDeveloper platforms, cloud, startups

Pastel color palettes for websites

Soft pinks, lavender, mint and peach with deep text for contrast. Pastel palettes feel gentle and approachable: good for beauty, kids, events, wellness apps and playful products.

Soft signalBeauty, community, creator toolsLavender hazeAI products, wellness, design toolsMint creamHealth, finance for everyone, eco productsPeach fuzzLifestyle, food delivery, consumer appsPowder blueHealthcare, baby products, education

Vibrant color palettes for websites

One saturated accent on a clean ground. Vibrant palettes make calls to action stand out and suit launches, marketplaces, e-commerce and products that want energy.

ElectricLaunches, AI tools, SaaS marketing pagesCitrus popFood, events, playful brandsFlamingoFashion, beauty, social appsJungleClimate tech, health, growth toolsCobaltB2B SaaS, productivity, enterpriseCommerceOnline shops, marketplaces, checkout flows

Minimal color palettes for websites

Near-monochrome grounds with a single quiet or sharp accent. Minimal palettes let content and photography lead: portfolios, agencies, editorial sites, architecture and design studios.

Ink & paperWriters, newsletters, editorialGallery whitePortfolios, photographers, agenciesConcreteArchitecture, industrial design, studiosNewsprintNews, magazines, opinion blogsSwissDesign studios, typography-led brandsOatmealLifestyle, coffee, natural productsHigh contrastAccessibility-first sites, public services

Dark color palettes for websites

Deep backgrounds with light text and a bright accent. Dark palettes feel focused and premium and suit developer tools, music, gaming, nightlife and products with a dark mode.

After hoursMusic, events, creative appsMidnight neonDeveloper tools, AI, tech launchesEspressoCoffee, cocktails, premium foodDeep forestOutdoor, sustainability, wellness at nightObsidianPremium tech, portfolios, product launchesEmberGaming, fitness, bold campaignsNavy & goldFinance, law, luxury servicesPlum nightBeauty, nightlife, creative communitiesGraphiteDeveloper tools, terminals, dashboardsOxbloodWine, fashion, editorial at nightBlackoutStreetwear, events, high-impact launches