Color Generator
Freemium · kigen.design
Browser tool that generates tonal color scales (50–950) from a base color and exports them as CSS variables, Tailwind config, or tokens.
Best for: Use it when you need a full shade ramp from one brand color, ready to paste as CSS variables or Tailwind tokens.
- Free tier
- Color generator usable in browser without signup
- Works as
- Web app, No sign-up, Figma plugin
- Tags
- color, color palette, palette generator, color scale, tailwind, css variables, design tokens, shades, oklch, design system, figma
Similar tools
- ColorFlow · Design Minis Free · designminis.com
Mesh gradient generator: build and animate gradients with control points, then embed or export them. - Design Minis Free · designminis.com
Collection of tiny single-purpose design apps (Butter, orbs, etc.). - Grainient Freemium · grainient.supply
Library of 1000+ gradient backgrounds — grainy, smooth, animated and AI-generated — for download or embedding.
More in Websites & landing pages
- Refero Freemium · refero.design
Searchable library of 142,000+ real web and iOS product screens, user flows and UI patterns, with Figma plugin and MCP access. - Refero Styles Free · styles.refero.design
Library of 2,000+ DESIGN.md style guides extracted from real product websites, to paste into AI coding tools. - Landingfolio Freemium · landingfolio.com
Gallery of landing page designs plus downloadable components, kits and templates, browsable by industry and section. - Saaspo Free · saaspo.com
Curated gallery of SaaS website examples, filterable by page type, industry, style, assets and tech stack. - Land-book Freemium · land-book.com
Curated, daily-updated gallery of website designs — landing pages, portfolios, ecommerce, sections, mobile, motion and OG images. - Siteinspire Free · siteinspire.com
Curated gallery of well-designed websites, filterable by category, style, type, subject and platform.