Colors.id

    Tailwind UI Colors

    Professional UI components with carefully selected color combinations from the Tailwind UI library. Tailwind UI is a premium collection of pre-built components powered by Tailwind CSS, featuring a vibrant palette for stunning designs. Use colors like bg-indigo-600 (#4F46E5) and text-teal-500 (#14B8A6) to create professional, eye-catching UIs effortlessly.

    Visit WebsiteDocumentation

    Color Palette

    Indigo 50
    #EEF2FF
    bg-indigo-50
    Indigo 100
    #E0E7FF
    bg-indigo-100
    Indigo 200
    #C7D2FE
    bg-indigo-200
    Indigo 300
    #A5B4FC
    bg-indigo-300
    Indigo 400
    #818CF8
    bg-indigo-400
    Indigo 500
    #6366F1
    bg-indigo-500
    Indigo 600
    #4F46E5
    bg-indigo-600
    Indigo 700
    #4338CA
    bg-indigo-700
    Indigo 800
    #3730A3
    bg-indigo-800
    Indigo 900
    #312E81
    bg-indigo-900
    Amber 50
    #FFFBEB
    bg-amber-50
    Amber 100
    #FEF3C7
    bg-amber-100
    Amber 200
    #FDE68A
    bg-amber-200
    Amber 300
    #FCD34D
    bg-amber-300
    Amber 400
    #FBBF24
    bg-amber-400
    Amber 500
    #F59E0B
    bg-amber-500
    Amber 600
    #D97706
    bg-amber-600
    Amber 700
    #B45309
    bg-amber-700
    Amber 800
    #92400E
    bg-amber-800
    Amber 900
    #78350F
    bg-amber-900
    Rose 50
    #FFF1F2
    bg-rose-50
    Rose 100
    #FFE4E6
    bg-rose-100
    Rose 200
    #FECDD3
    bg-rose-200
    Rose 300
    #FDA4AF
    bg-rose-300
    Rose 400
    #FB7185
    bg-rose-400
    Rose 500
    #F43F5E
    bg-rose-500
    Rose 600
    #E11D48
    bg-rose-600
    Rose 700
    #BE123C
    bg-rose-700
    Rose 800
    #9F1239
    bg-rose-800
    Rose 900
    #881337
    bg-rose-900

    Tailwind UI Color Generator

    Generate and test colors from the Tailwind UI palette

    Color Generator

    Generate color variations and test them in real components

    Real-world UI Examples

    See how Tailwind UI colors look in practical applications

    Track your expenses

    Total Expenses

    $12,543

    Analytics

    Revenue$15,989
    Expenses$12,543

    Gain control

    Advanced settings

    Categories

    Groceries

    9 transactions

    $2,345

    Household

    12 transactions

    $1,876

    Financial Summary

    Income

    $15,989

    $18,871 last period

    Expenses

    $12,543

    $10,221 last period

    Success

    All Set!

    Your Tailwind UI configuration is complete.

    Traditional Components

    Buttons
    Alerts
    Form Elements
    Badges
    Primary
    Secondary
    Accent
    Outline