2026 Brand Color Updates
How Bolt's color system supports rollout of the latest Nationwide Brand updates
Overview
Permalink to "Overview"Bolt 7.11.0 includes widespread color system updates in alignment with the Nationwide Brand Updates announced in July 2026.
This update-in-place approach makes it as easy as possible for consumers of Bolt to stay on brand, while supporting a centralized and consistent rollout across the enterprise.
What's changed?
Permalink to "What's changed?"- Updated existing color values throughout Bolt
- Color values will shift automatically, with no extra work required by consumers.
- Most visual changes are subtle.
- All affected Bolt styles and components have been reviewed to verify intended appearance and continued accessibility.
- Updated set of named palette colors
- 8 new colors
- 2 renamed colors (non-breaking in Bolt 7)
- 2 deprecated colors (non-breaking in Bolt 7)
The updated set of colors is available in Bolt's color tokens and background classes.
Color options have not yet been updated for components with curated color properties. These will be handled in a future Bolt 7 release.
New colors
Permalink to "New colors"Deprecated colors
Permalink to "Deprecated colors"Deprecated values will continue to work in Bolt 7, and will not be fully removed until a future major release (likely Bolt 8, in 2027).
| Color | Status | Migration | Reason | |
|---|---|---|---|---|
| Fossil | Renamed | Use Medium Fossil | Renamed to reduce ambiguity with expanded Fossil colors | |
| Pale Gray | Renamed | Use Light Gray | Renamed for consistency with other Dark / Medium / Light colors | |
| Cherry Red | Deprecated | For a replacement accent color, consider Burnt Orange (but review for appearance and contrast) | Red accent risked being misused as semantic Error color | |
| Mustard | Deprecated | For a replacement accent color, consider Wheat (but review for appearance and contrast) | Numerous contrast issues and low visual appeal | |
Visual differences
Permalink to "Visual differences"Palette color comparison
Permalink to "Palette color comparison"The table below compares each palette token as it renders in 7.11.0 against its legacy value. Colors introduced in 7.11.0 have no legacy equivalent, so their legacy swatch is shown as a hatched placeholder.
| Palette color | Notes | 7.11.0 | Legacy |
|---|---|---|---|
white |
|||
charcoal |
|||
vibrantBlue |
|||
darkVibrantBlue |
|||
nCropBlue |
|||
darkBlue |
|||
mediumBlue |
|||
lightBlue |
|||
ultralightBlue |
|||
seaBlue |
|||
darkSeaBlue |
|||
mint |
|||
darkMint |
|||
green |
|||
darkGreen |
|||
lemonYellow |
|||
wheat |
|||
mustard |
Deprecated | ||
sunburstOrange |
|||
burntOrange |
|||
cherryRed |
Deprecated | ||
lavender |
|||
deepPurple |
|||
darkFossil |
|||
mediumFossil |
|||
lightFossil |
|||
ultralightFossil |
|||
darkGray |
|||
mediumGray |
|||
lightGray |
|||
ultralightGray |
Theme color comparison
Permalink to "Theme color comparison"Due to the large number of theme tokens, only those whose values have changed are listed in the table below.
The most significant change was to warning and onWarning, which now follow the same light/dark pattern as other status colors.
| Light mode comparison | Dark mode comparison | |||
|---|---|---|---|---|
| Theme color | 7.11.0 | Legacy | 7.11.0 | Legacy |
accent |
||||
accentHigh |
||||
accentHighest |
||||
link |
||||
focus |
||||
inputSurfaceHigh |
||||
inputSurfaceHighest |
||||
primary |
||||
primaryHigh |
||||
primaryHighest |
||||
inversePrimary |
||||
secondary |
||||
secondaryHigh |
||||
secondaryHighest |
||||
tertiary |
||||
tertiaryHigh |
||||
tertiaryHighest |
||||
error |
onError |
onError |
onError |
onError |
warning / onWarning |
onWarning |
onWarning |
onWarning |
onWarning |
info |
onInfo |
onInfo |
onInfo |
onInfo |
success |
onSuccess |
onSuccess |
onSuccess |
onSuccess |
primaryContainer |
||||
secondaryContainer |
||||
tertiaryContainer |
||||
errorContainer |
|
|
|
|
warningContainer |
|
|
|
|
infoContainer |
|
|
|
|
successContainer |
|
|
|
|
onPrimaryContainer |
||||
onSecondaryContainer |
||||
onTertiaryContainer |
||||
onErrorContainer |
||||
onWarningContainer |
||||
onInfoContainer |
||||
onSuccessContainer |
||||
Resources
Permalink to "Resources"Questions or Issues?
Permalink to "Questions or Issues?"For questions about the color updates or to report issues, please reach out through the appropriate support channels.