Website Design Menu · Color Palettes

01. Color Theme

Choose a coordinated professional color system. Each palette can drive backgrounds, buttons, borders, accents, and typography across your site.

STEP 01 · FOUNDATION

Choose the color system for your website.

Your active palette drives the live preview and becomes the starting point for every component you choose next.

Open full preview →

#0E2A47 · #1697E6 · #F6F9FC · #FFFFFF

Executive Navy

Click Select to add this option to your website builder.
CP-01

#081A2B · #35B8FF · #7C3AED · #F8FAFC

Modern Technology

Click Select to add this option to your website builder.
CP-02

#111111 · #C9A227 · #F5E7B2 · #FFFFFF

Luxury Black & Gold

Click Select to add this option to your website builder.
CP-03

#061A2D · #0066FF · #35B8FF · #EAF6FF

Electric Blue

Click Select to add this option to your website builder.
CP-04

#0F2D28 · #16A34A · #86EFAC · #F0FDF4

Emerald Professional

Click Select to add this option to your website builder.
CP-05

#342A24 · #C26D3A · #F3E9DC · #FFFDF8

Warm Editorial

Click Select to add this option to your website builder.
CP-06

#3B2F2F · #D97745 · #EAB676 · #F7E8D0

Desert Southwest

Click Select to add this option to your website builder.
CP-07

#0B3B60 · #0EA5A8 · #DDF8F6 · #FFFFFF

Medical Clean

Click Select to add this option to your website builder.
CP-08

#102A43 · #2F80ED · #B8D8FF · #F7FAFC

Finance Trust

Click Select to add this option to your website builder.
CP-09

#2C1810 · #A9442B · #D4A373 · #FFF8EC

Restaurant Rustic

Click Select to add this option to your website builder.
CP-10

#18212B · #F59E0B · #FFD166 · #F7F7F7

Construction Bold

Click Select to add this option to your website builder.
CP-11

#172554 · #6366F1 · #C7D2FE · #F8FAFC

Soft SaaS

Click Select to add this option to your website builder.
CP-12

#4A2337 · #E11D74 · #FBCFE8 · #FFF7FB

Rose Boutique

Click Select to add this option to your website builder.
CP-13

#243B2F · #53734B · #B7C9A8 · #F5F7EF

Organic Green

Click Select to add this option to your website builder.
CP-14

#0F172A · #475569 · #CBD5E1 · #FFFFFF

Slate Minimal

Click Select to add this option to your website builder.
CP-15

#231942 · #7C3AED · #C4B5FD · #FAF5FF

Purple Creative

Click Select to add this option to your website builder.
CP-16

#082F49 · #0284C7 · #67E8F9 · #ECFEFF

Ocean

Click Select to add this option to your website builder.
CP-17

#431407 · #EA580C · #FDBA74 · #FFF7ED

Sunset

Click Select to add this option to your website builder.
CP-18

#111827 · #374151 · #D1D5DB · #F9FAFB

Monochrome

Click Select to add this option to your website builder.
CP-19

#050816 · #00E5FF · #B026FF · #E6FBFF

Cyber Neon

Click Select to add this option to your website builder.
CP-20

#29251F · #8B6F47 · #D6C4A1 · #F7F2E8

Earthy Premium

Click Select to add this option to your website builder.
CP-21

#3F1D2E · #FB7185 · #FBCFE8 · #FFF1F2

Coral Modern

Click Select to add this option to your website builder.
CP-22

#0F3437 · #0F766E · #B87333 · #F0FDFA

Teal & Copper

Click Select to add this option to your website builder.
CP-23

#14213D · #2563EB · #F97316 · #F8FAFC

Bright Startup

Click Select to add this option to your website builder.
CP-24

← Your project Continue to Header →