iBreeder / Color reference

Bootstrap 6 colors

16 color families, 13 shades each, plus white and black. Every swatch uses the CSS variable printed underneath it. Click a color to copy its CSS variable name.

6.0.0-alpha.1 · 210 colors

Blue

025--bs-blue-025

050--bs-blue-050

100--bs-blue-100

200--bs-blue-200

300--bs-blue-300

400--bs-blue-400

500--bs-blue-500

600--bs-blue-600

700--bs-blue-700

800--bs-blue-800

900--bs-blue-900

950--bs-blue-950

975--bs-blue-975

Indigo

025--bs-indigo-025

050--bs-indigo-050

100--bs-indigo-100

200--bs-indigo-200

300--bs-indigo-300

400--bs-indigo-400

500--bs-indigo-500

600--bs-indigo-600

700--bs-indigo-700

800--bs-indigo-800

900--bs-indigo-900

950--bs-indigo-950

975--bs-indigo-975

Violet

025--bs-violet-025

050--bs-violet-050

100--bs-violet-100

200--bs-violet-200

300--bs-violet-300

400--bs-violet-400

500--bs-violet-500

600--bs-violet-600

700--bs-violet-700

800--bs-violet-800

900--bs-violet-900

950--bs-violet-950

975--bs-violet-975

Purple

025--bs-purple-025

050--bs-purple-050

100--bs-purple-100

200--bs-purple-200

300--bs-purple-300

400--bs-purple-400

500--bs-purple-500

600--bs-purple-600

700--bs-purple-700

800--bs-purple-800

900--bs-purple-900

950--bs-purple-950

975--bs-purple-975

Pink

025--bs-pink-025

050--bs-pink-050

100--bs-pink-100

200--bs-pink-200

300--bs-pink-300

400--bs-pink-400

500--bs-pink-500

600--bs-pink-600

700--bs-pink-700

800--bs-pink-800

900--bs-pink-900

950--bs-pink-950

975--bs-pink-975

Red

025--bs-red-025

050--bs-red-050

100--bs-red-100

200--bs-red-200

300--bs-red-300

400--bs-red-400

500--bs-red-500

600--bs-red-600

700--bs-red-700

800--bs-red-800

900--bs-red-900

950--bs-red-950

975--bs-red-975

Orange

025--bs-orange-025

050--bs-orange-050

100--bs-orange-100

200--bs-orange-200

300--bs-orange-300

400--bs-orange-400

500--bs-orange-500

600--bs-orange-600

700--bs-orange-700

800--bs-orange-800

900--bs-orange-900

950--bs-orange-950

975--bs-orange-975

Amber

025--bs-amber-025

050--bs-amber-050

100--bs-amber-100

200--bs-amber-200

300--bs-amber-300

400--bs-amber-400

500--bs-amber-500

600--bs-amber-600

700--bs-amber-700

800--bs-amber-800

900--bs-amber-900

950--bs-amber-950

975--bs-amber-975

Yellow

025--bs-yellow-025

050--bs-yellow-050

100--bs-yellow-100

200--bs-yellow-200

300--bs-yellow-300

400--bs-yellow-400

500--bs-yellow-500

600--bs-yellow-600

700--bs-yellow-700

800--bs-yellow-800

900--bs-yellow-900

950--bs-yellow-950

975--bs-yellow-975

Lime

025--bs-lime-025

050--bs-lime-050

100--bs-lime-100

200--bs-lime-200

300--bs-lime-300

400--bs-lime-400

500--bs-lime-500

600--bs-lime-600

700--bs-lime-700

800--bs-lime-800

900--bs-lime-900

950--bs-lime-950

975--bs-lime-975

Green

025--bs-green-025

050--bs-green-050

100--bs-green-100

200--bs-green-200

300--bs-green-300

400--bs-green-400

500--bs-green-500

600--bs-green-600

700--bs-green-700

800--bs-green-800

900--bs-green-900

950--bs-green-950

975--bs-green-975

Teal

025--bs-teal-025

050--bs-teal-050

100--bs-teal-100

200--bs-teal-200

300--bs-teal-300

400--bs-teal-400

500--bs-teal-500

600--bs-teal-600

700--bs-teal-700

800--bs-teal-800

900--bs-teal-900

950--bs-teal-950

975--bs-teal-975

Cyan

025--bs-cyan-025

050--bs-cyan-050

100--bs-cyan-100

200--bs-cyan-200

300--bs-cyan-300

400--bs-cyan-400

500--bs-cyan-500

600--bs-cyan-600

700--bs-cyan-700

800--bs-cyan-800

900--bs-cyan-900

950--bs-cyan-950

975--bs-cyan-975

Brown

025--bs-brown-025

050--bs-brown-050

100--bs-brown-100

200--bs-brown-200

300--bs-brown-300

400--bs-brown-400

500--bs-brown-500

600--bs-brown-600

700--bs-brown-700

800--bs-brown-800

900--bs-brown-900

950--bs-brown-950

975--bs-brown-975

Gray

025--bs-gray-025

050--bs-gray-050

100--bs-gray-100

200--bs-gray-200

300--bs-gray-300

400--bs-gray-400

500--bs-gray-500

600--bs-gray-600

700--bs-gray-700

800--bs-gray-800

900--bs-gray-900

950--bs-gray-950

975--bs-gray-975

Pewter

025--bs-pewter-025

050--bs-pewter-050

100--bs-pewter-100

200--bs-pewter-200

300--bs-pewter-300

400--bs-pewter-400

500--bs-pewter-500

600--bs-pewter-600

700--bs-pewter-700

800--bs-pewter-800

900--bs-pewter-900

950--bs-pewter-950

975--bs-pewter-975

White & black

White--bs-white

Black--bs-black

Palette extracted from Bootstrap 6 alpha. Use a token in CSS like background-color: var(--bs-green-600);