Free · No signup · Pure client-side
Color Palette Generator for websites
16 designer-curated palettes, or generate your own from a HEX or image. The same library that powers Lokuma's AI website builder.
CuratedFrom HEXFrom ImageRandom
Hand-picked from Lokuma's design engine — pick any to set as your active palette below.
Active palette
#FFFFFF Copied#F5F5F5 Copied#D9D9D9 Copied#797979 Copied#000000 Copied
Copy all HEXCSS varsTailwind config Use this palette in Lokuma
16 designer-curated palettes
From Lokuma's design system — every site we generate uses one of these.
Palette 1
Palette 2
Palette 3
Palette 4
Palette 5
Palette 6
Palette 7
Palette 8
Palette 9
Palette 10
Palette 11
Palette 12
Palette 13
Palette 14
Palette 15
Palette 16
From palette to full website in 5 minutes
Hand any palette here to Lokuma's AI builder. We'll wrap it in a polished design — typography, layout, hierarchy — and ship a real React/Vite codebase you own.
How it works
01
Pick or generate
Start from a curated palette, paste a HEX, or upload an image.
02
Choose a harmony
Complementary, triadic, monochrome — every harmony returns 5 colors ready for web.
03
Export or build
Copy as CSS variables, Tailwind config, or hand it to Lokuma to ship a full site.
Questions
What's the best color palette for a website?+
How many colors should a website have?+
Can I use these palettes commercially?+
What's the difference between RGB, HEX, and HSL?+
How do I pick a palette that matches my brand?+