Huebert

Huebert is a professional color toolkit built for web creatives who want to achieve prettier designs with less effort. Created by software engineer and design enthusiast Flo, Huebert started as a personal tool to eliminate guesswork in color selection and has grown into a full-featured product used by designers and developers worldwide. The core value proposition is simple: build stunning color palettes and UI themes in seconds without compromising on quality or accessibility.

Huebert combines powerful color generation tools with AI assistance to streamline your entire color workflow. Whether you need a simple palette for a personal project or a production-ready theme for shadcn/ui, Huebert provides the tools to get it done quickly and correctly. The toolkit includes a highly configurable palette generator, a high contrast generator for accessible designs, a dedicated shadcn/ui theme generator, an image color picker, a background generator, and a personal library for organizing your work. Every tool integrates WCAG and APCA contrast checks, color blindness simulation, and extensive export options covering CSS, SCSS, Tailwind, JSON, CSV, JavaScript, and more. Huebert is free to start with a Pro tier that unlocks AI powered generation, advanced generators, API access, and personal project management. The product is backed by direct human support from Flo, ensuring you have help when you need it.

Palette Generator

Build stunning color palettes in seconds with a highly configurable generator that supports 1 to 10 colors. You can fine tune every palette using an interactive color wheel, and the tool automatically checks WCAG and APCA contrast ratios across all color combinations. Color blindness simulation helps you ensure your palette is accessible to everyone. Once your palette is ready, save it, export it, or convert it directly to other generators like the high contrast or shadcn/ui theme generator. AI assistance is available to suggest harmonious color combinations based on your starting color or desired mood.

High Contrast Generator

Create high contrast color pairs instantly for foreground and background combinations that guarantee strong readability. The generator validates your pairs against both WCAG and APCA contrast standards, giving you precise pass/fail metrics. You can configure contrast ranges, sample colors from existing palettes, and leverage AI assistance to find the perfect accessible combination. Color blindness simulation is built in, so you know your design works for all users. Save your high contrast themes, export them, or convert them to other generators for further refinement.

shadcn/ui Theme Generator

Generate production-ready shadcn/ui themes with a single click or with AI assistance. The generator creates complete themes including colors, typography, radius, spacing, and shadows. You get a live preview of real UI components in both light and dark modes, so you can see exactly how your theme will look in practice. Import themes from pasted CSS to build on existing work. When you are satisfied, copy and paste the Tailwind CSS variables instantly into your project. This feature eliminates the tedious manual work of theme creation.

Image Color Picker

Extract 1 to 10 colors directly from any image you upload. The tool intelligently analyzes the image and suggests a cohesive palette based on the dominant colors. You can edit individual colors, lock them to preserve specific shades, and choose from different extraction modes to get the exact result you want. Once extracted, save the palette, export it in your preferred format, or open it in another generator like the palette generator or high contrast generator for further refinement. This is perfect for branding projects or matching a design to a specific visual asset.

Designing Accessible User Interfaces

When building a web application or website, accessibility is non-negotiable. Huebert's high contrast generator and palette generator both include real time WCAG and APCA contrast validation. You can check every color combination in your palette against accessibility standards, simulate color blindness to ensure your design is inclusive, and generate high contrast pairs for text and backgrounds. This ensures your final design meets legal and ethical accessibility requirements without extra manual testing.

Creating Production-Ready shadcn/ui Themes

If you use shadcn/ui for your React projects, Huebert's dedicated theme generator saves hours of manual configuration. You can generate a complete theme with colors, typography, spacing, and shadows in one click. The live preview shows real components in light and dark modes, so you can iterate quickly. When you are happy, copy the Tailwind CSS variables and paste them directly into your project. This workflow is ideal for developers who want consistent, polished themes without the overhead of manual color system design.

Branding and Identity Projects

For branding work, you often need to extract colors from existing assets like logos or photographs. Huebert's image color picker lets you upload any image and extract a cohesive palette. You can then refine the colors, lock important shades, and export the final palette in formats suitable for design systems, style guides, or developer handoff. The personal library feature lets you organize multiple palettes and themes into projects, making it easy to manage all your brand assets in one place.

Rapid Prototyping and Iteration

When you are prototyping a new design, speed matters. Huebert lets you generate palettes and themes in seconds using AI assistance or manual configuration. You can quickly test different color directions, check contrast ratios, and see how your choices look on real UI components. The ability to convert palettes between generators means you can start with a simple color set and evolve it into a full theme without starting over. This accelerates the entire design iteration cycle.

Huebert offers two pricing tiers. The Basic tier is free and includes the color palette generator, background generator, image color picker, and various export options. No account is required to use the Basic tier. The Pro tier is available for 2.00 euros per month for the first month (spring sale price), then 4.90 euros per month. The Pro tier includes the high contrast generator, shadcn/ui theme generator, personal library with project management, AI powered generation, API access, additional configuration and export options, feature requests, and all future features. There are 19 spots left at the spring sale price, and you can cancel anytime with no risk.

Is Huebert free to use?

Yes, Huebert offers a free Basic tier that includes the color palette generator, background generator, image color picker, and various export options. No account is required to start generating palettes. The free tier is perfect for simple color needs and getting started with the toolkit.

What is included in Huebert Pro?

Huebert Pro unlocks the high contrast generator, shadcn/ui theme generator, personal library with project management, AI powered generation, API access, additional configuration and export options, feature requests, and all future features. The Pro tier is available at a special spring sale price of 2.00 euros for the first month, then 4.90 euros per month. There is a limited number of spots available at the sale price.

How does AI assistance work in Huebert?

AI assistance is available in the palette generator, high contrast generator, and shadcn/ui theme generator. You can provide a starting color, a desired mood, or a prompt, and the AI will suggest harmonious color combinations and complete themes. This helps you overcome creative blocks and explore color directions you might not have considered. AI assistance is a Pro feature.

Can I export my colors and themes to use in my projects?

Absolutely. Huebert supports extensive export options including CSS, SCSS, Tailwind, JSON, CSV, JavaScript, URL, image, SVG, XML, and gradient exports. For shadcn/ui themes, you can copy and paste Tailwind CSS variables instantly. You can also save your work in your personal library and export it later or move it between different generators.