.svg){kind=icon}
email
Curated colors in context.
Not sure what colors to use in your designs or where to use them? Happy Hues is a color palette inspiration site that acts as a real world example as to how the colors could be used in your design projects.
Free design tools for UI & UX designers.
the color palette for internet lovers.
uchū is the color palette for internet lovers, by NetOperator Wibby. uchū utilizes the OKLCH color space for reasons. I've been using this color palette for personal projects for about a year and have been quite pleased with it.
Not a theme, but a framework for building Tomorrow styled themes using a base of sixteen colours. Since August 2012, Base16 has provided a minimal set of guidelines that explain how to style syntax and how to build Base16 schemes and templates.
The AI-Powered browser extension for managing colors in CSS Variables
- AI-generated color palettes
- Accessibility testing
- Support for daisyUI and shadcn/ui
Flexoki is an inky color scheme for prose and code. Flexoki is designed for reading and writing on digital screens. It is inspired by analog inks and warm shades of paper.
Flexoki is minimalistic and high-contrast. The colors are calibrated for legibility and perceptual balance across devices and when switching between light and dark modes.
Style definitions for nice terminal layouts 
Style definitions for nice terminal layouts. Built with TUIs in mind.
Lip Gloss takes an expressive, declarative approach to terminal rendering. Users familiar with CSS will feel at home with Lip Gloss.
Generate and change color-schemes on the fly.
Pywal is a tool that generates a color palette from the dominant colors in an image. It then applies the colors system-wide and on-the-fly in all of your favourite programs.
Visualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website?
Use the Toolbar below to realize your choices.
Tailwind CSS Color Generator
Press spacebar, enter a hexcode or change the HSL values to create a custom color scale.
Overview of Tailwind colors
All the Tailwind CSS colors in a handy cheatsheet with hex, hsl and rgb values.
You can bookmark this page so you'll never forget any Tailwind color again!
@ Erwin's dev.toVisualize Your Colors & Fonts On a Real Site.
Choosing colors or typography for your website? Use the Toolbar below to realize your choices.
A tiny framework agnostic color picker. Port of React Colorful to vanilla Custom Elements.
Tailwind CSS Color Generator - UI Examples & WCAG Contrast Ratios.
A tool to create accessible color systems
The app helps you to create accessible color systems with predictable contrast ratios.
In WCAG 2, contrast is a measure of the difference in perceived brightness between two colors, expressed as a ratio
Simple Color System for Complex Digital Interfaces.
Carefully picked colors to match with your interfaces challenges.
Discrete color palettes (hundreds of them!) for JavaScript.
Color picker and converter for OKLCH and LCH color space.
oklch() is a new way to define CSS colors. In oklch(L C H) or oklch(L C H / a) each item corresponds as follows:
- L is perceived lightness (0%-100%). “Perceived” means that it has consistent lightness for our eyes, unlike L in hsl().
- C is chroma, from gray to the most saturated color.
- H is the hue angle (0-360).
- a is opacity (0-1 or 0-100%).
Generator, Maker, and Background