Framework color collection

Bootstrap 5.3 color palette

A focused view of the Bootstrap 5.3.8 color records reviewed and published by Hexees. Values come from the cited Sass variables; calculated contrast helps you inspect a foreground choice before testing the complete interface.

Source and scope

Defaults, not a locked brand palette.

Bootstrap Sass variables can be overridden before compilation. These records describe values in the cited Bootstrap 5.3.8 source, so a customized application may use different colors.

Version: Bootstrap 5.3.8
Source: Official Sass variables
License: MIT License

Published records

Compare the current collection.

The list is loaded from the published catalog at request time and grows only when another Bootstrap record is reviewed. It is not presented as a complete mirror of every framework variable.

#DC3545

Red

Bootstrap Danger

Black text: 4.64:1
White text: 4.53:1

Inspect color

#6610F2

Purple

Bootstrap Indigo

Black text: 2.92:1
White text: 7.19:1

Inspect color

#0DCAF0

Cyan

Bootstrap Info

Black text: 10.72:1
White text: 1.96:1

Inspect color

#D63384

Magenta

Bootstrap Pink

Black text: 4.67:1
White text: 4.50:1

Inspect color

#0D6EFD

Blue

Bootstrap Primary

Black text: 4.67:1
White text: 4.50:1

Inspect color

#6F42C1

Purple

Bootstrap Purple

Black text: 3.23:1
White text: 6.51:1

Inspect color

#6C757D

Neutral

Bootstrap Secondary

Black text: 4.48:1
White text: 4.69:1

Inspect color

#198754

Green

Bootstrap Success

Black text: 4.63:1
White text: 4.53:1

Inspect color

Accessibility check

Test the pair, not the semantic name.

A label such as primary, success, or danger does not guarantee readable text. For WCAG 2.2 AA, compare the actual foreground and background: the minimum is 4.5:1 for normal text and 3:1 for large text.

The card ratios compare each exact sRGB value only with black and white. They do not assess links, controls, focus indicators, disabled states, gradients, opacity, typography, or the rest of an interface, and they are not a blanket compliance claim.

Read WCAG 2.2 contrast minimum