UI Colors

In plain words

UI Colors is a tool designed for developers and designers working with Tailwind CSS. It enables users to create, edit, preview, export, and save custom color palettes for Tailwind CSS projects. The tool streamlines the workflow of color management by providing an intuitive interface for generating and testing colors before implementation, making it useful for anyone building with Tailwind's utility-first framework.

written from the facts on this page · September 2026

From the sources

UI Colors is a tool to create, edit, preview, export and save Tailwind CSS colors.

Create and customize beautiful Tailwind CSS color palettes. Generate, edit, and export colors for your design with our intuitive color generator tool.

Add success, warning, and error color scales and preview them right inside the Components tab. Add a custom neutral color scale for standard UI elements like text, borders, and surfaces. Pick fonts for base text and headings from a curated selection, applied to all designfrom uicolors.app

• 
  UI Colorful2024 · uicolorful.com · ▲143

  Effortless Shadcn and Tailwind color theme generator

• 
  AI color palette generator for Tailwindcss2020 · tailwind.ink · ▲209

  A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.

• 
  Tailwind.ink2020 · tailwind.ink · ▲233

  AI color palette generator for Tailwindcss

• 
  Tailwind Palette2021 · tailwind-color-palette.netlify.app · ▲90

  Generate shades & tints for color with its Tailwind config

• 
  Palette2023 · palette.tone-row.com · ▲78

  Generate Custom Tailwind Color Palettes from a prompt

• 
  HueWind2022 · huewind.jordantwells.com · ▲80

  A opinionated, cohesive palette generator for Tailwind CSS

• 
  /dev/null▲468

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Bardeen▲1,286

  One-click automations for your repetitive tasks

  Growth · 2022 · bardeen.ai

• 
  SHA-256 explained step-by-step visually▲1,241

  Sha256 algorithm explained online step by step visually

  Life & fun · 2022 · sha256algorithm.com

• 
  EdgeDB 1.0▲947

  Today, after years of research, development, and refinement EdgeDB graduates to a production-ready database. We are very proud to announce EdgeDB 1.0.

  Dev tools · 2022 · edgedb.com

• 
  Medusa▲893

  The open-source Shopify alternative

  Dev tools · 2022 · medusajs.com

• 
  Help Ukraine Win▲888

  Trusted ways to help Ukraine stop Russian aggression

  Life & fun · 2022

• 
  First 100 Users▲883

  100 ideas for your startup's first 100 users

  Growth · 2022 · first100users.com