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.

Visit

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.

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.

Featured

Lovable icon

Lovable

Lovable.dev is an AI-powered app builder that enables users to create functional full-stack applications and websites without writing code, using natural language prompts. It acts as a "superhuman full stack engineer," generating frontend, backend, databases, and more, allowing rapid prototyping 20x faster than traditional methods.

NotebookLM icon

NotebookLM

NotebookLM is Google's innovative AI research companion that converts uploaded documents into dynamic notebooks with AI-generated summaries, timelines, FAQs, and podcast-style audio, streamlining knowledge synthesis and collaboration.

Sora icon

Sora

Sora is OpenAI's innovative text-to-video AI model and app that transforms prompts into realistic, sound-enriched videos up to a minute long, with Sora 2 enhancing physics, controllability, and social sharing for effortless creative expression.

affinity icon

affinity

Affinity is Canva's relaunched free all-in-one creative suite unifying Designer, Photo, and Publisher into a customizable app with native AI integrations for professional workflows.

Google AI Studio icon

Google AI Studio

Google AI Studio is a free web platform for experimenting with Gemini AI models, offering prompt testing, API tools, and multimodal creation to accelerate AI app development.

Lovart icon

Lovart

Lovart.ai is the world's first AI design agent that automates the full design journey from concept to outputs like images, videos, and 3D, enabling creators to bring ideas to life instantly without wait times or limits.