Bootstrap Color Generator
Complete reference to the Bootstrap 5 color palette. Browse all base colors, theme colors and semantic colors with HEX values and instant copy.
Bootstrap Base Colors
Bootstrap Theme Colors
What Is the Bootstrap Color Palette?
Bootstrap 5 ships with a curated set of colors used across its components — buttons, alerts, badges, backgrounds and text. These include 9 "base" colors (blue, indigo, purple, pink, red, orange, yellow, green, teal, cyan, white, gray, gray-dark) and 8 semantic "theme" colors (primary, secondary, success, info, warning, danger, light, dark).
Base Colors vs Theme Colors
- Base colors: The raw palette values — used to construct semantic colors and utilities.
- Theme colors: Semantic names used in Bootstrap's components —
.btn-primary,.alert-danger,.bg-success, etc.