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
Essential Resume Maker
Professional Tools

Resume Maker

Build a professional resume with multiple stunning templates. Live preview. Print to PDF or publish to GitHub Pages - all free.

New Bulk QR Code Generator
Utilities

Bulk QR Code Generator

Generate one or hundreds of QR codes in seconds. Paste URLs, upload a CSV, customise colours and size, then download as individual PNGs or a single ZIP archive.

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 Animated Conversation Generator with AI
Design Tools

Animated Conversation Generator with AI

Generate realistic animated iMessage chat mockups with typing animations, Turtle of Ark control codes, and cinematic playback.

New WhatsApp Form Maker
Social & Bio Pages

WhatsApp Form Maker

Build a professional WhatsApp Form page. Publish your WhatsApp Form to GitHub Pages free.

New Social Share Preview
SEO & Marketing

Social Share Preview

See exactly how your URL appears when shared on Facebook, Twitter/X, LinkedIn, and WhatsApp. Instantly audit Open Graph and Twitter Card meta tags.