ColorHub

Its real value is the fixed six-role palette shape — brand / darkest / dark / mid / light / lightest — which maps cleanly onto a Tailwind colour object or a set of CSS custom properties, so use it when a user wants a *semantic* token set rather than four pretty swatches. It is a statically exported Next.js app that renders nothing to a plain fetch, so WebFetch and curl both return an empty shell: you cannot enumerate the palettes without a real browser, and you should show the user the site rather than claim to have read it. Treat the paid starter kits as a last resort — they are Tailwind landing pages at 2023 vintage, and a shadcn/ui or Tailwind UI block set will be fresher.

Why it is here. Previewing a palette on a live layout catches the mistakes swatch grids hide, and the six-role naming makes ColorHub's output usable as design tokens rather than as decoration.

License

Proprietary / all rights reserved

Pricing

Freemium, One-time purchase, Paid

Framework

Next.js, React

Styling

Tailwind CSS, CSS custom properties, Sass / SCSS

Distribution

Web app / online tool, Direct download / asset pack

Platform

Web

Content type

Design tokens / theme files, Code

Agent readiness

Client-rendered shell, Copy-paste ready code

Accessibility

Contrast checked, WCAG 2.x AA

Maturity

Stable

Pricing detail

Palettes, layout previews, contrast checker and CSS/SCSS/Tailwind export are free. Starter kits are one-time purchases: Blog (Grid) $3.95, E-Commerce Product Page $3.95, Developer Portfolio $4.95, E-Commerce Landing $4.95, Start Up $6.95, Landing Page (Basic) $6.95; Dashboard price not exposed in the client bundle.

• Developer Portfolio Starter Kit · Personal developer portfolio — 6 sections (hero, about, skills, work, testimonials, contact), 10 DevIcon skill icons, light/dark switch, mobile slide-out menu, Web3Forms contact form. $4.95↗
• Start Up Starter Kit · SaaS/startup landing page — 8 sections (hero, about, clients, features, pricing, testimonials, services, contact), light/dark switch. $6.95↗
• Landing Page (Basic) Starter Kit · Multi-purpose landing page with a full-screen hero and a pricing table with annual/monthly toggle. $6.95↗
• Blog (Grid) Starter Kit · Grid-based blog index — 4 components (page header, featured post, latest posts, newsletter). $3.95↗
• E-Commerce Landing Starter Kit · Storefront landing page with product cards for simple catalogue display. $4.95↗
• E-Commerce Product Page Starter Kit · Single product detail page — 3 sections (hero, product, newsletter) plus a product card. $3.95↗
• Dashboard Starter Kit · App dashboard shell with a minimisable sticky sidebar and Chart.js graphs.↗

• ~150 curated palettes with six semantic colour roles
• Live landing-page previews instead of swatch grids
• Export to CSS variables, SCSS or a Tailwind colours object
• 7 downloadable Next.js + Tailwind starter kits, $3.95–$6.95
• Built-in AA contrast check between brand and lightest

Verified 2026-08-15. HTTP 200. https://colorhub.app and https://www.colorhub.app (WebFetch returned an empty JS shell both times; curl confirmed HTTP 200 with a 3.2 KB Next.js shell), https://www.colorhub.app/blog/colorhub-v2-release (WebFetch), and the _buildManifest plus the pricing/starter-kits/export/component-library page chunks parsed directly from /_next/static to enumerate the kits, prices and export formats

• Coolors · Palette generator with 10M+ schemes, contrast checker and Tailwind exportS
• Grabient · Cosine-gradient generator; CSS/SVG/PNG export and a real llms.txtS
• Leonardo · Adobe's contrast-first colour system generator, with an npm module behind itS
• OKLCH Color Picker · Pick and convert colors in OKLCH with P3 and Rec2020 gamut warningsS
• Color Hunt · ~4,200 curated 4-colour palettes, filterable by 18 colours and 31 moodsA
• Huemint · ML palette generator driven by a contrast matrix, with an open POST APIA