UI Colors
UI Colors is a free Tailwind CSS color palette generator that creates editable shades from a base color with UI previews and Figma integration for quick design inspiration.
Product Overview
UI Colors (uicolors.app) is a free, allowing users to create, edit, share, and save beautiful color scales and palettes by starting with a base color or using the spacebar for random inspiration, with real-time previews in UI components to streamline design workflows for developers and designers. Palette Generation: Input a base color to auto-generate 11 shades (50-950 scale) in Tailwind format, or hit spacebar for random palettes; supports editing individual shades via sliders or hex input. UI Previews: Real-time visualization of palettes in buttons, cards, and other components to see how colors perform in context. Export & Integration: Copy Tailwind CSS config code, save palettes to "My Palettes," and use the Figma plugin for direct import into designs. Sharing: Generate shareable links for palettes to collaborate with teams.
Best For
UI Previews: Real-time visualization of palettes in buttons, cards, and other components to see how colors perform in context. Export & Integration: Copy Tailwind CSS config code, save palettes to "My Palettes," and use the Figma plugin for direct import into designs. Sharing: Generate shareable links for palettes to collaborate with teams.
Key Features
- Palette Generation: Input a base color to auto-generate 11 shades (50-950 scale) in Tailwind format, or hit spacebar for random palettes; supports editing individual shades via sliders or hex input.
- UI Previews: Real-time visualization of palettes in buttons, cards, and other components to see how colors perform in context.
- Export & Integration: Copy Tailwind CSS config code, save palettes to "My Palettes," and use the Figma plugin for direct import into designs.
- Sharing: Generate shareable links for palettes to collaborate with teams.
Pros
- +Free to use
- +Real-time collaboration
- +Color palette generation
- +Export to CSS/design tools
Cons
- -Limited to color generation only
- -May require learning curve
/// SPECS
- Pricing:Free
Color Hunt
A curated collection of beautiful color palettes for designers and artists
Gradientora
A curated collection of 1100+ gradients for every design project
BairesDev AI Colors
BairesDev AI Colors is an online AI-powered color palette generator provided by BairesDev, helping designers quickly create harmonious and creative color combinations.
Sip
A modern color picker and collaboration tool with menubar access, team palette sharing, and contrast checking for design workflows.
Dopely Colors
Dopely Colors offers a comprehensive set of online color tools for generating, exploring, and managing color palettes.
Material UI Color Tool
Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.
ColorDrop
ColorDrop is a website offering a large collection of curated color palettes and color inspiration.
Realtime Colors
Visualize color palettes on a live UI mockup — see how your colors actually look in context
Hue Tools
open-source color toolbox for hex previews and creative color work.
Color AI
AI tool for generating brand color palettes based on science and culture.