Copied!
🎨 Tailwind Color, Font & Layout Tool
Colors
Base Color
gray
red
yellow
green
blue
indigo
purple
pink
Shade
Opacity
Apply To
Background
Text
Border
Tailwind Color Preview
bg-blue-500/100
Gradient Generator
to right
to left
to top
to bottom
bg-gradient-to-r from-sky-400 to-purple-500
Fonts
Font Family
Sans
Serif
Mono
Font Weight
Light
Normal
Medium
Semibold
Bold
Extra Bold
Font Size
The quick brown fox jumps over the lazy dog.
font-sans font-normal text-[16px]
Layout Utilities
Layout Block
p-4 mt-4 flex justify-center items-center w-full h-32