NABEEL.

Color Palette Generator

Generate beautiful, harmonious color palettes from a seed color or mood. Export to CSS, Tailwind, SCSS, or JSON instantly.

Palette Settings

5
0

Export

Your Palette

Contrast vs White / Black
Export

                    

How to Use

1

Pick a Seed Color

Use the color picker or type a hex value. All generated colors will harmonise with your seed.

2

Choose Harmony Mode

Analogous = warm/related tones. Complementary = high contrast. Monochromatic = same hue, varied brightness.

3

Export Your Palette

Copy individual hex values or export the whole palette as CSS variables, Tailwind config, SCSS, or JSON.

Common Questions

WCAG requires a 4.5:1 contrast ratio for normal text (AA standard) and 3:1 for large text. The accessibility panel shows each colour's contrast against white and black so you can choose readable text colours.

Copy the exported object and paste it into your tailwind.config.js under theme.extend.colors. You can then use classes like bg-brand-1 or text-brand-3.

More Tools

Practical tools you can rely on every day.

View All
New Bulk Card Studio
Design Tools

Bulk Card Studio

Generate bulk cards, certificates, or social media graphics. Upload an image or HTML/SVG template, map CSV data to placeholders, and export as high-quality images or ZIP.

New SEO Analyser
SEO & Marketing

SEO Analyser

Audit on-page SEO in seconds. Checks title tags, meta descriptions, H1/H2 structure, Open Graph, schema markup, mobile viewport, and more - with actionable fix suggestions.

New Merge PDF
Utilities

Merge PDF

Merge multiple PDF files into one document. Rearrange pages, sort files, and download the combined PDF. 100% free and private, no uploads needed.

New Bulk Image Processor
Design Tools

Bulk Image Processor

A powerful browser-based tool to bulk process images - resize, compress, crop, add filters, and watermarks. 100% private and fast.

New Bulk URL to Markdown
Utilities

Bulk URL to Markdown

Paste a list of URLs and convert every page to clean Markdown instantly. Powered by Turndown.js with GFM support. Download individual .md files or grab everything as a ZIP.

New WhatsApp Chat Mockup Generator
Design Tools

WhatsApp Chat Mockup Generator

Create realistic WhatsApp conversation mockups with custom messages, images, and voice notes. Perfect for presentations, marketing, or social media content.