Color Designer - UI Goodies

I

I

Free Design Resources

I

I

Free Design Resources

Design Inspiration

See where the best designers get their inspiration from.

Colors

Palette Tools

Color Designer

Color Designer

Tints & Shades • Palette Builder

Colors

I

Palette Tools

Visit Website

Color Designer is a palette builder that generates a full range of tints and shades from any base color. It produces a visual grid of lighter and darker variations, making it easy to build a complete color ramp for a design system in one step. Output values are available in HEX, RGB, and HSL, ready for use in design tools or code.

More Tools

Accessible Brand Colors

Brand Color Checker • WCAG Compliance

Accessible Colors

Accessible Color Pairs • WCAG Testing

Aditus

Button Contrast Checker • Accessibility Tool

Adobe Color

Color Themes & Trends • Adobe

Alphredo

Transparent Colors • Visual Match

Atmos

UI Palettes • Smarter Building

Button Buddy

Button Accessibility • Contrast Testing

Chroma

Browser Extension • Shareable Palettes

Colir

Curve-Based Gradients • 12 Blend Modes

Color Controversy

Judge Colors • Community Picks

Color Designer

Tints & Shades • Palette Builder

Color Flow

Editor’s Pick

Mesh Gradient Editor • Premade

Color Hunt

Editor’s Pick

Trendy Palettes • Free Platform

Color Leap

Historical Colors • Through Time

Color Palette Pro

Custom Palettes • Export-Ready

Color Review

Color Contrast Review • Pass/Fail Checker

Color Scale Generator

Color Scales • Figma Plugin

Color Schemer

Professional Palettes • Single Color Start

Color Selector

Editor’s Pick

Trend Forecasting • Colors & Images

Colorable

Contrast Matrix • Full Palette Audit

Colorblind Checker

Colorblind Simulator • Web Page Filter

Colorbox

Algorithmic Colors • Open Source

Colorca

Accessible Palettes • HSLuv Space

Colorkit

Color Blending • Shades & Tints

Colors.lol

Overly Descriptive Palettes • Playful

Colorsinspo

All-in-One Resource • Color Everything

ColorSlurp

Ultimate Mac Tool • Pick & Share

Colorspace

Nice Palettes • Fast Generator

Colour Contrast Checker

Contrast Checker • WCAG AA & AAA

Contrast

Editor’s Pick

Figma Plugin • WCAG

Contrast Grid

Contrast Grid • Full Palette Audit

Contrast Plugin

Figma Plugin • Contrast Ratios

Coolors

Beautiful Schemes • Fast Generator

CSS Gradient

Background Generator • CSS-Ready

Delphi Tools

Editor’s Pick

Privacy-First • Multi-Tools

Design Gradients

Curated by Designers • Use Anywhere

DittoTones

Single Color to Full Palette • Design System Tones

Duo

Color Duos • Design Inspiration

Experte.com

Accessibility Checker • Full Page Audit

Grabient

Beautiful Color Fades • Instant Copy

Happy Hues

Curated Colors • Seen in Context

HDR Gradients

Wide Gamut CSS Builder • Color 4

Hue.Tools

Color Toolbox • Open Source

Huemint

Brand Color Schemes • Machine Learning

Huey

Rapid Palettes • Across the Rainbow

Ingradients

Mesh Color Collection • Hand-Picked

Iris

Image Color Extractor • Palette Builder

Khroma

Personalized Combos • Powered by Machine Learning

Kigen Color

Color Scale Generator • Design System Ready

Leonardo

Accessible Color Systems • Shareable

MeshGradient

Shader-Based Generator • Unique

OKLCH.fyi

Editor’s Pick

Hex Color • OKLCH controls

OKpalette

Image Palette Extractor • OKLCh Perceptual

Open Color

UI-Optimized Colors • Open Source

Palette App

Palette Editing & Remapping • Visual Tool

Palitra

Search-Powered Colors • Fast Lookup

Perfect Contrast

WCAG 2.2 · Instant Calculation

PickyPalette

3D Color Model Picker • Perceptual Distance

Picular

Search for Colors • Like Google

Pika

Open Source • macOS App

Poline

Polar Coordinates • Enigmatic Generator

Pro Color Harmonies

OKLCh Harmony Generator • TypeScript Library

Randoma11Y

Editor’s Pick

Accessible Combinations • Random Generator

Roy

Tiny & Delightful • Designer-Made

RYBitten

RGB to RYB Conversion • Itten Color Theory

Scale

Editor’s Pick

Color Scales • Generative

Sim Daltonism

Editor’s Pick

Color Blindness Simulator • Mac App

Sip

Pro Tool for Mac • Collect & Edit

Subcolor

In-Between Colors • Two Color Blend

Supa Colors

Editor’s Pick

Color System Builder • OKLCH-Based

Supa Palette

Generator, Editor & Manager • Figma

System Color Picker

Free Built-in • Mac App

Tone

Nature-Rooted Palettes • Earthy Inspiration

Who Can Use

Color Accessibility • Audience Impact Tool

Keep Exploring

3D Icons

3D Icons • 200 Icons

Akar Icons

Open source • 454 icons

Atlas Icons

Pixel-perfect • 7,000+ icons

Basicons

Multi-weight • 600+ icons

Boxicons

Editor’s Pick

Multi-style • 1,600+ icons

Circum

Consistent • 288 icons

Clickons

Fill & stroke • 500 icons

CSS Symbols

Multi-format • 700+ icons

Devicon

Brand logos • 200+ dev tools

Doodle Icons

Hand-drawn • 400+ icons

Doodlicons

Hand-drawn • wireframe style

Elasto UI

UI & Ecommerce • 350+ icons

Eva Icons

Material-inspired • 480+ icons

Feather

Editor’s Pick

Minimal • 286 icons

Flagpack

Flag icons • 260+ flags

Forge Icons

Multi-style • 300+ icons

Futicons

Future-themed • 125 icons

Glyph Neue

Editor’s Pick

Minimal • 1,500+ icons

Griddy

Utilitarian • Open-Source

Heroicons

Multi-style • 292 icons

Humbleicons

Minimal • 277 icons

Iconhub

Multi-style • 3,327 icons

Iconic

Animated • pixel-perfect

Iconmonstr

Single-creator • 400+ icons

Iconoir

Editor’s Pick

Open source • 1,300+ icons

Iconpark

Customizable • 1,200+ icons

Icons.download

Editor’s Pick

Open source • 16 styles

Iconsax

Editor’s Pick

Multi-style • 1,000 icons

Iconshock

Gradient • interactive SVG

Iconstica

Multi-style • 4,700+ icons

Iconsvg

Icon generator and finder

Ionicons

Open source • 1,300+ icons

Isocons

Editor’s Pick

Isometric • 500+ icons

Japan Pictograms

Tourism symbols • Japan

Licons

Minimal • open source

Line Awesome

Line • 1,380+ icons

List Emoji

Emoji reference tool

Logo Ipsum

Placeholder logos for mockups

Lucide

Community-built • 1,300+ icons

Majesticons

Line • 3,200+ icons

Material Symbols

Multi-weight • 2,500+ icons

Mingcute Icons

Multi-style • 3,000+ icons

OBRA

Multi-weight • 1,000+ icons

Openmoji

Open source • 4,000+ emojis

Phosphor Icons

Editor’s Pick

Multi-weight • 9,000+ icons

Pixelarticons

Pixel art • 460+ icons

Remix Icon

Neutral • 2,800+ icons

Sargam Icons

Open source • 700+ icons

Simple Icons

Brand logos • 2,400+ icons

Star Wars Icons

Themed • Star Wars

Streamline Freebies

Multi-style • 5,600+ icons

Supercons

React • open source

SVG Repo

Open source • 300k+ SVGs

Tabler Icons

Pixel-perfect • 3,400+ icons

The Icon Of

Pixel-perfect • 1,000+ icons

Thiings

3D • 10k + icons

Twemoji

Emoji set • Twitter style

Vzy Icons

Multi-style • 1,000+ icons

Wayfinding 2.0

Signage • brutalist style