Colors.id

    TailAdmin Colors

    TailAdmin is a vibrant, user-friendly admin dashboard kit, template, UI component library, and design system, thoughtfully handcrafted with Figma and optimized for Tailwind CSS.

    Visit WebsiteDocumentation

    Color Palette

    Primary 50
    #EEF2FF
    bg-primary-50
    Primary 100
    #E0E7FF
    bg-primary-100
    Primary 200
    #C7D2FE
    bg-primary-200
    Primary 300
    #A5B4FC
    bg-primary-300
    Primary 400
    #818CF8
    bg-primary-400
    Primary 500
    #6366F1
    bg-primary-500
    Primary 600
    #4F46E5
    bg-primary-600
    Primary 700
    #4338CA
    bg-primary-700
    Primary 800
    #3730A3
    bg-primary-800
    Primary 900
    #312E81
    bg-primary-900
    Secondary 50
    #EFF6FF
    bg-secondary-50
    Secondary 100
    #DBEAFE
    bg-secondary-100
    Secondary 200
    #BFDBFE
    bg-secondary-200
    Secondary 300
    #93C5FD
    bg-secondary-300
    Secondary 400
    #60A5FA
    bg-secondary-400
    Secondary 500
    #3B82F6
    bg-secondary-500
    Secondary 600
    #2563EB
    bg-secondary-600
    Secondary 700
    #1D4ED8
    bg-secondary-700
    Secondary 800
    #1E40AF
    bg-secondary-800
    Secondary 900
    #1E3A8A
    bg-secondary-900
    Success 50
    #ECFDF5
    bg-success-50
    Success 100
    #D1FAE5
    bg-success-100
    Success 200
    #A7F3D0
    bg-success-200
    Success 300
    #6EE7B7
    bg-success-300
    Success 400
    #34D399
    bg-success-400
    Success 500
    #10B981
    bg-success-500
    Success 600
    #059669
    bg-success-600
    Success 700
    #047857
    bg-success-700
    Success 800
    #065F46
    bg-success-800
    Success 900
    #064E3B
    bg-success-900

    TailAdmin Color Generator

    Generate and test colors from the TailAdmin palette

    Color Generator

    Generate color variations and test them in real components

    Real-world UI Examples

    See how TailAdmin 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 TailAdmin configuration is complete.

    Traditional Components

    Buttons
    Alerts
    Form Elements
    Badges
    Primary
    Secondary
    Accent
    Outline