The Vibeary — tag

color

44 resources in The Vibeary tagged "color" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.

Gems in this collection

Preview of Coolors

Coolors

Spacebar-driven palette generator with 10M+ browsable palettes, image colour extraction, contrast checking, gradient tools and palette mockup previews.

Fabrizio Bianchi (@fabrizio_bianchi)freemium
Preview of Colors.lol

Colors.lol

Curated overly descriptive color palettes with names and hex codes, built as a design-inspiration source rather than a generator.

Adam Fuhrer (@adamfuhrer)free
Preview of Color Lisa

Color Lisa

Curated color palettes derived from famous works of art, presented as usable hex sets.

Ryan McGuire (@bellsdesign)free
Preview of UI Colors

UI Colors

Tailwind palette generator that builds full colour scales from one hex and previews them across cards, dashboards and full pages.

Erik de Vriesfreemium
Preview of Khroma

Khroma

Trains on colors you personally like, then generates unlimited palettes, gradients and type samples in your own taste.

George Hastingsfree
Preview of Colourco.de

Colourco.de

Pick colors by dragging across a hue field and instantly get monochromatic, analogic and triadic sets with lightness control.

Toni Wagnerfree
Preview of Colorion

Colorion

Around thirty thousand tagged colour palettes with one-tap hex copying, favourites, image-to-palette extraction and JSON export.

Csaba Kissi (@csaba_kissi)free
Preview of Duo

Duo

Two-color pairing tool that shows every combination rendered as real UI so you can judge legibility, not swatches.

Alex Patefree
Preview of Realtime Colors

Realtime Colors

Paste a palette and preview it instantly on a full fake landing page, with export to Tailwind, CSS variables and Figma.

Juxtopposed (@juxtopposed)open-source
Preview of Radix Colors

Radix Colors

Thirty-two twelve-step colour scales where each step has a defined UI role, with automatic dark and alpha variants.

WorkOS / RadixMIT
Preview of FarbVelo

FarbVelo

Generative random-color explorer with perceptual distance controls, color-blindness preview and a genuinely playful interface.

David Aerne (@meodai)free
Preview of Tint & Shade Generator

Tint & Shade Generator

Generates mathematically exact 10% tints and shades of a hex color, the way brand guidelines usually specify them.

Michael Edelstone (@edelstone)free
Preview of Palette Inspiration

Palette Inspiration

Searchable archive of roughly 23,000 colour palettes extracted from 3,000 painters' artworks, with a colour wheel and image analyser.

Unknownfree
Preview of Color Leap

Color Leap

Palettes drawn from specific historical periods, letting you pick color by era rather than mood.

Unknownfree
Preview of Nutilz Color Shades Generator

Nutilz Color Shades Generator

Single-purpose tool that expands one base colour into a full tint and shade ramp ready for a token file.

Nutilzfree
Preview of theme-colors

theme-colors

Utility that expands a single base hex color into a full 50-900 shade ramp suitable for Tailwind or CSS variables.

UnJS / Pooya Parsa (@pi0)MIT
Preview of delphi.tools

delphi.tools

Fifty-eight browser-side utilities covering image editing, colour work, typography, PDF imposition, barcodes and conversion, with no accounts or tracking.

delphifree
Preview of Huetone

Huetone

Desktop-grade web app for building color scales in LCh with live APCA contrast readouts and Figma-ready export.

Alexey Ardov (@ardov)MIT
Preview of Valor

Valor

Figma plugin that visualizes an existing palette and generates matching color variables across a scale.

Kolebayevopen-source
Preview of Dominant Color Toolkit

Dominant Color Toolkit

Extracts dominant and palette colors from any image in your Figma file and outputs swatches you can apply.

Brian Lovin (@brian_lovin)open-source
Preview of Lucidi

Lucidi

Syncs opacity-derived styles from a set of primary color styles, keeping tints and overlays consistent as brand colors change.

dimuuuopen-source
Preview of Ember

Ember

Terminal, chart, heatmap and UI palettes engineered to stay distinguishable after aggressive Redshift or Night Shift warm-screen filtering.

carpdiemMIT
Preview of Lospec Palette List

Lospec Palette List

Database of over 2500 pixel art palettes downloadable as PNG, PAL, ASE, GPL and HEX, filterable by colour count and tag.

Lospec communityfree
Preview of svg-color-filter

svg-color-filter

Interactive explainer and playground for SVG feColorMatrix, showing how each matrix cell changes an image.

Claudio Holanda (@kazzkiq)MIT
Preview of Kaleidocode

Kaleidocode

Converts a VS Code color theme into a Figma color library so design mockups of editors match the real thing.

Kaleidocodeopen-source
Preview of MaterialKolor

MaterialKolor

Tool and Kotlin library for generating Material 3 dynamic colour schemes from a seed colour.

Jordon de Hoog (@jordond)MIT
Preview of The HSB Color System: A Practitioner's Primer

The HSB Color System: A Practitioner's Primer

Article explaining why HSB beats hex for reasoning about UI colour, with rules for building consistent palettes.

Erik Kennedy (@erikdkennedy)free
Preview of Accessible Color Systems

Accessible Color Systems

Stripe engineering post on building a colour system that guarantees contrast ratios while preserving brand hue relationships.

Stripe design teamfree
Preview of How to pick the least wrong colors

How to pick the least wrong colors

Long essay deriving an algorithm for generating accessible, perceptually even colour palettes, with interactive demos.

Matthew Ström (@ilikescience)free
Preview of OKLCH.fyi

OKLCH.fyi

Convert, generate and explore OKLCH colours and build perceptually even palettes from them.

Jakub Krehel (@jakubkrehel)free
Preview of Zebra

Zebra

Lightweight open-source contrast checker for Figma that samples selected layers and reports pass/fail without leaving the canvas.

Dan Hollick (@danhollick)open-source
Preview of Dark Mode Design

Dark Mode Design

Gallery collecting only dark-themed websites, with filtering to study dark palette and contrast decisions.

Cai Cardenasfree
Preview of Color in UI Design: A Practical Framework

Color in UI Design: A Practical Framework

Framework for choosing and applying UI colour: neutrals, one accent, saturation ranges and when to break the rules.

Erik Kennedy (@erikdkennedy)free
Preview of ShotDeck

ShotDeck

Film still library with millions of HD frames hand-tagged across 30+ categories: lens, framing, lighting, color, location, even actor emotion.

Lawrence Sherfreemium
Preview of Desktop Colors

Desktop Colors

Archive of every solid desktop background colour shipped by classic operating systems: 194 colours across 22 platforms, 1985 to 2024.

vlowfree
Preview of Refactoring UI — Building Your Color Palette

Refactoring UI — Building Your Color Palette

Free chapter preview explaining how to build a UI palette with defined shade ramps rather than lighten/darken functions.

Adam Wathan & Steve Schoger (@steveschoger)free
Preview of Paul Tol's Colour Schemes

Paul Tol's Colour Schemes

Technical note defining colour-blind-safe qualitative, sequential and diverging palettes, with values and usage rules.

Paul Tolfree
Preview of Data Color Picker

Data Color Picker

Generates sequential and diverging palettes for charts, interpolating in a perceptual space so steps read as even.

Erik Kennedyfree
Preview of Huemint

Huemint

Uses a machine-learning model trained on real designs to generate palettes constrained to a chosen layout or brand context.

Jack Qiaofree
Preview of Picular

Picular

Type any word and get the dominant colors from image search results, turning language directly into hex values.

Future Memoriesfree
Preview of Tanaguru Contrast Finder

Tanaguru Contrast Finder

Tool that suggests the nearest passing colour alternatives when a pair fails contrast, instead of just reporting failure.

Tanaguruopen-source
Preview of Leonardo

Leonardo

Adobe's contrast-first colour tool: define target contrast ratios and it generates the colours, plus adaptive theme output.

Adobe (@adobe)Apache-2.0
Preview of ColorSpace

ColorSpace

Palette and gradient generator that expands a single input colour into matching schemes, including three-colour gradient output.

MyColorSpace (@mycolorspace)free
Preview of Sky as a CSS Gradient

Sky as a CSS Gradient

Page that renders the current sky at your approximate location as a live CSS gradient, refreshing every minute.

Daniel Lazaro (@dnlzro)free