Design Tools
Your brand's colors, fonts & kit in minutes.
Generate harmonious color palettes, check WCAG contrast, pair fonts, and export your brand kit as CSS variables, Tailwind config or a printable brand sheet.
#0f766e
#14b8a6
#5eead4
#f59e0b
#134e4a
Six harmony modes
Complementary, analogous, triadic, split-complementary, monochrome or pure random — every palette is built with real HSL color math, not vibes.
Lock & explore
Found a color you love? Lock it and regenerate the rest around it until the whole palette clicks. Edit any swatch by hex when you want full control.
WCAG contrast, built in
Check any two colors against AA, AA-large and AAA thresholds before they ship. No more squint tests or surprise accessibility bugs.
Auto neutral scale
Every palette comes with a 50–900 tinted neutral ramp derived from your base hue — backgrounds, borders and text colors that actually match your brand.
Curated font pairings
Ten hand-picked Google Fonts duos, from editorial serif combos to modern grotesks. Preview them live on a mini landing page recolored with your palette.
Exports that drop into code
Copy CSS custom properties free, or go Lifetime for Tailwind v4 @theme snippets, JSON design tokens and a printable client-ready brand sheet.
How it works
Pick a base color
Start from your logo color or any hex. Choose a harmony mode and PaletteKit derives a balanced 5-color palette plus a full neutral scale.
Lock what you love
Lock the swatches that work, regenerate the rest, fine-tune by hex, and pick a font pairing — all previewed on a live brand mock.
Export your kit
Copy CSS variables, Tailwind v4 tokens or JSON, print a one-page brand sheet, and save the kit so the whole brand lives in one place.
Simple, honest pricing
Start free. Upgrade when it earns its keep.
Lifetime
Pay once$15 one-time
- ✓ Unlimited saved kits
- ✓ Tailwind & JSON export
- ✓ Printable brand sheet
- ✓ All harmony modes
- ✓ Lifetime access
Frequently asked questions
Is it really a one-time payment?
Yes. Lifetime access to PaletteKit costs $15 once — no subscription, no renewal. You get unlimited saved kits, Tailwind and JSON exports, the printable brand sheet, and every future update we ship.
What is WCAG contrast and why should I care?
WCAG is the accessibility standard for the web. It says normal body text needs a contrast ratio of at least 4.5:1 against its background (AA), large text needs 3:1, and 7:1 earns the stricter AAA grade. PaletteKit computes the exact ratio between any two palette colors so your brand stays readable for everyone.
Can I use the exports commercially?
Absolutely. The palettes, neutral scales and code exports you generate are yours to use in any personal, client or commercial project, free plan included. The suggested fonts are Google Fonts, which are free and open-source licensed for commercial use too.
Does it work with Tailwind CSS?
Yes — Lifetime unlocks a Tailwind v4 @theme export. Paste it into your global stylesheet and you immediately get utilities like bg-brand-1, text-neutral-700 and font-heading mapped to your kit.
Do I need design experience?
No. The harmony modes are based on classic color-wheel relationships, so even a random base color produces palettes that hang together. Lock, regenerate and tweak until it feels right — the contrast checker keeps you honest along the way.