Colour Palette Generator

Base colour

#0077b2

#159ad5

#38bdf8

#5be0ff

#7effff

CSS variables

--brand-100: #0077b2;
--brand-200: #159ad5;
--brand-300: #38bdf8;
--brand-400: #5be0ff;
--brand-500: #7effff;

Related Tools

Keep going with the next useful task.

Internal links help visitors solve more problems and help search engines understand the platform.

Design

Gradient Generator

Create polished CSS gradients in seconds.

Open toolDesign

CSS Generator

Create clean CSS snippets for common UI elements.

Open toolProductivity

Lorem Ipsum Generator

Create clean placeholder text for layouts and prototypes.

Open tool

Guides

Questions about the colour palette generator.

Is the colour palette generator free?

Yes. The Colour Palette Generator is free to use in your browser with no sign-up required. It was built to create accessible colour palettes from a base colour.

Can Dean Da Dev build this properly into my website or app?

Yes. If you need a polished customer-facing version, Dean Da Dev can design, build, integrate, and deploy it professionally.

Does this tool store my data?

No. The tool runs entirely in your browser and is designed for quick, one-off use rather than saved projects.

Will the output match my existing brand?

It gives you a strong starting point. Adjust the base values to fit your existing brand colours, spacing, and type scale.