ColorHub
150 six-colour palettes previewed on real layouts, plus 7 paid Next.js kits
ColorHub, by Daniel Cranney, solves the "the swatches look fine, the page looks wrong" problem: pick one of ~150 hand-curated six-colour palettes (brand / darkest / dark / mid / light / lightest), then see it applied live to real landing-page layouts instead of to bare rectangles. It exports the palette as CSS custom properties, SCSS variables or a Tailwind colours object, and includes an AA contrast checker. Seven Starter Kits — one-page Next.js + Tailwind projects with your colours already wired in — are sold as one-time downloads between $3.95 and $6.95.
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.
- 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
