Using and customizing the color palette in Tailwind CSS projects. Copy any Tailwind color with our beautiful Tailwind 4 color palette. Click to copy any HEX, OKLCH, or Tailwind 4 color class.
Create and customize beautiful Tailwind CSS color palettes. Generate, edit, and export colors for your design with our intuitive color generator tool. This cheatsheet contains all the default Tailwind CSS colors, including all hex, hsl, rgb and new Tailwind v4 oklch color values.
Never forget any Tailwind CSS color again! Tailwind Colors: Color Reference Tool Welcome to the Tailwind Colors tool - your comprehensive color reference for Tailwind CSS! This tool provides an interactive way to explore, preview and use Tailwind's extensive color palette. Whether you're designing a new project or maintaining an existing one, easily find and copy color values in multiple formats. Complete reference of all Tailwind CSS colors.
Browse, search and copy all default Tailwind color classes and hex codes. Tailwind CSS Colors v4 now uses OKLCH for a more vivid, modern color palette. Upgraded from RGB, it uses the wider P3 gamut for richer hues and better contrast.
Elevate your designs with enhanced accessibility and future. Tailwind CSS color palette generator Instantly generate a ready to use color palette for your Tailwind project. Comprehensive Tailwind CSS color reference with all default hex, hsl, and rgb values.
Quickly find and copy Tailwind colors for your projects. By default, these colors will be made available everywhere in the framework where you use colors, like the text color utilities, border color utilities, background color utilities, and more.