Color Palette Combination Tool

Preview Perfect Color Schemes Instantly

Choose your business type – see suggested color palettes
Select your business type and we'll highlight the top 3 palettes that usually work best for that category. Then you can scroll down to see all options and click any palette to see it in action.
All color palettes
Each palette uses a primary (60%) background color, a secondary (30%) supporting color, and an accent (10%) for buttons and key highlights. Click any card to see it in action above.
Cool Corporate Blue
#f9fafb / #e5e7eb / #2563eb
Primary 60%
Secondary 30%
Accent 10%

Clean, calm and professional. Focuses on clarity and readability rather than bold color statements.

Good for: SaaS, B2B, consultants, accountants, agencies, generic corporate.

Professional website headline

Short description text goes here to show how body copy looks on the main background color.

Secondary link
Warm Service
#fffbeb / #fed7aa / #ea580c
Primary 60%
Secondary 30%
Accent 10%

Warm and welcoming, with a soft but energetic accent. Feels human and approachable.

Good for: restaurants, cafés, local services, home services, small businesses.

Friendly brand headline

Use the warm background for sections and reserve the bright accent for buttons and key highlights.

View menu
Health & Wellness Green
#ecfdf5 / #6ee7b7 / #0f766e
Primary 60%
Secondary 30%
Accent 10%

Fresh, calm and clean. Signals health, care and positive change without feeling sterile.

Good for: clinics, dentists, therapists, wellness, fitness, nutrition.

Feel better, starting today

Use plenty of white space with this pale green and reserve the dark teal for CTAs and important highlights.

View treatments
Luxury Dark Gold
#020617 / #111827 / #fbbf24
Primary 60%
Secondary 30%
Accent 10%

Dark, rich and premium. The gold accent feels expensive, especially on full-width hero sections.

Good for: luxury brands, law firms, wealth management, high-end real estate, premium consulting.

Exclusive services for serious clients

Use dark backgrounds with strong contrast text. Keep the gold for CTAs, prices and key highlights.

View portfolio
Creative Purple
#fdf2ff / #e9d5ff / #7c3aed
Primary 60%
Secondary 30%
Accent 10%

Playful and creative without going neon. Feels modern and expressive, but still professional.

Good for: creatives, agencies, courses, personal brands, marketing, design studios.

Stand out with a bold visual style

Use the accent purple for main buttons and section titles; keep the light background for readability.

See case studies
Tech Dark Cyan
#020617 / #1f2933 / #22d3ee
Primary 60%
Secondary 30%
Accent 10%

Sleek, techy and slightly futuristic. Works especially well for products aimed at developers or advanced users.

Good for: SaaS, dev tools, cybersecurity, AI, serious tech startups.

Built for modern teams

Use the dark base with bright cyan CTAs. Keep plenty of spacing so the dark palette doesn't feel heavy.

View documentation
Natural Earthy
#f5f5dc / #d9f99d / #3f6212
Primary 60%
Secondary 30%
Accent 10%

Organic and grounded. Feels close to nature and real-world work.

Good for: landscaping, eco brands, farms, outdoor services, handmade products.

Rooted in real results

Use beige or soft green sections with the deep green accent on CTAs, icons and small highlights.

See recent projects
Minimal Black & White
#ffffff / #f3f4f6 / #111827
Primary 60%
Secondary 30%
Accent 10%

Ultra-clean and timeless. Lets your content and imagery do the talking.

Good for: photographers, designers, portfolios, modern SaaS, high-end minimal brands.

Simple design, strong impact

Keep most areas white or light gray, and reserve pure black for headings, CTAs and key interface elements.

Contact me
Soft Neutral Beige
#f5f5f4 / #e7e5e4 / #ea580c
Primary 60%
Secondary 30%
Accent 10%

Soft, neutral and very flexible. Adds a subtle warmth without locking you into a strong color identity.

Good for: consultants, coaches, lifestyle brands, simple service businesses.

Calm and trustworthy

Use beige for backgrounds, gray for cards and the accent orange for subtle, friendly CTAs.

Our services
Ocean Blue
#eff6ff / #bfdbfe / #1d4ed8
Primary 60%
Secondary 30%
Accent 10%

Cool and trustworthy, with a classic blue accent. A bit stronger than the neutral corporate palette.

Good for: finance, insurance, agencies, SaaS, professional services.

Clarity you can count on

Use light blue backgrounds with darker blue buttons and headings to create a clear visual hierarchy.

See pricing
Energetic Orange
#fff7ed / #fed7aa / #f97316
Primary 60%
Secondary 30%
Accent 10%

Bright and energetic. Good when you want to feel active, dynamic and conversion-focused.

Good for: fitness, marketing, events, e-commerce offers, limited-time promotions.

Move fast, get results

Keep the background light, and let the strong orange accent draw attention to primary CTAs and key messages.

Limited offer
Calm Pastel
#fefce8 / #e0f2fe / #0ea5e9
Primary 60%
Secondary 30%
Accent 10%

Soft and friendly with a gentle blue accent. Feels modern but non-threatening.

Good for: education, SaaS, personal brands, simple B2C services.

Clear, simple and friendly

Use pale yellow or blue sections and the accent blue for buttons, links and important labels.

Watch demo
Bold Red
#fef2f2 / #fecaca / #b91c1c
Primary 60%
Secondary 30%
Accent 10%

Strong and urgent. Use with care when you want bold calls to action or a very confident brand voice.

Good for: offers, direct-response marketing, bold fitness brands, energetic e-commerce.

Take action today

Keep sections light and use the deep red sparingly for CTAs so it grabs attention without overwhelming.

See results
Muted Professional
#f3f4f6 / #e5e7eb / #4b5563
Primary 60%
Secondary 30%
Accent 10%

Neutral, calm and very safe. Almost monochrome, great when typography and layout are the main focus.

Good for: consultants, accountants, legal, corporate, serious B2B.

Serious about your results

Use light gray sections with darker gray headings and CTAs for a very clean, confident feel.

Download brochure
Playful Teal
#ecfeff / #a5f3fc / #0f766e
Primary 60%
Secondary 30%
Accent 10%

Fresh and upbeat. Feels modern and slightly playful without losing professionalism.

Good for: marketing, creative agencies, SaaS, education, community projects.

Fresh ideas, clear results

Use pale teal sections with stronger teal buttons and badges to guide the eye.

Client stories
Earth Contrast
#fefce8 / #bbf7d0 / #166534
Primary 60%
Secondary 30%
Accent 10%

Natural but with stronger contrast. Earthy without feeling dull or washed out.

Good for: construction, trades, eco services, outdoor brands, honest "hands-on" businesses.

Built on solid foundations

Use soft backgrounds with the rich green for key messages and buttons to signal strength and reliability.

See past work