🎨 Bootstrap Custom Color Buttons

All 99 color shades from Bootstrap 5.3 + Custom utilities

Solid Buttons (All Color Families)

💙 Blue

💜 Indigo

🟣 Purple

💗 Pink

❤️ Red

🧡 Orange

💛 Yellow

💚 Green

🩵 Teal

🩵 Cyan

⚫ Gray

Outline Buttons

Popular Shades - Outline Style

Blue - All Outline Variants

Chip Buttons (Auto-Contrast Text)

These use the .text-bg-* classes with automatic color contrast

All Colors - 500 Shade

Blue - All Chip Variants

Button Sizes

Large Buttons

Default Size

Small Buttons

Practical UI Examples

Action Buttons

Status Buttons

Social Media Style

Button Groups

Segmented Controls

Color Picker Palette

Total: 99 color shades (11 colors × 9 shades each)

Generated from Bootstrap 5.3 Sass maps • Auto-contrast text colors • All utilities additive