Make the purple palette available by weronikaolejniczak · Pull Request #9383 · elastic/eui

weronikaolejniczak · 2026-02-13T16:39:17Z

Summary

Updated purple color palette values: purple30, purple40, purple50, purple60 (see Figma).
Added new assistance color tokens.

Tokens updated

Token	Old Value	New Value
`purple30`	`#DECDFE`	`#E2D3FE`
`purple40`	`#CEB6FC`	`#D1BAFC`
`purple50`	`#BF9CF9`	`#C5A5FA`
`purple60`	`#B084F5`	`#B386F9`

Tokens added

Category	Token Name	Light Mode	Dark Mode	Code
Backgrounds / Filled	Assistance	Assistance/90	Assistance/50	`colors.backgroundFilledAssistance`
Backgrounds / Light	Assistance	Assistance/20	Assistance/120	`colors.backgroundLightAssistance`
Backgrounds / Base	Assistance	Assistance/10	Assistance/140	`colors.backgroundBaseAssistance`
Interactive / Button hover / Default	Assistance	Assistance/70 (alpha)/12%	Assistance/70 (alpha)/12%	`components.buttons.backgroundAssistanceHover`
Interactive / Button hover / Filled	Assistance	Assistance/100	Assistance/70	`components.buttons.backgroundFilledAssistanceHover`
Interactive / Panel hover	Assistance	Assistance/20	Assistance/130	`colors.backgroundBaseInteractiveHoverAssistance`
Borders / Strong	Assistance	Assistance/90	Assistance/60	`colors.borderStrongAssistance`
Borders / Base	Assistance	Assistance/30	Assistance/120	`colors.borderBaseAssistance`
Text	Assistance	Assistance/100	Assistance/50	`colors.textAssistance`
Datavis / Severity	Assistance	Assistance/60	Assistance/60	`colors.vis.euiColorVisAssistance`, `colors.severity.assistance`
Datavis / Default	Color 10	Purple/60	Purple/60	`colors.vis.euiColorVis10`
Datavis / Default	Color 11	Purple/30	Purple/30	`colors.vis.euiColorVis11`
Datavis / Text	Color 10	Purple/110	Purple/60	`colors.vis.euiColorVisText10`
Datavis / Text	Color 11	Purple/90	Purple/30	`colors.vis.euiColorVisText11`

Why are we making this change?

Resolves #9319

There are 2 consumer needs for the purple palette:

AI gradient components (see https://github.com/elastic/kibana-team/issues/2398)
Streams downsampling palette (see [Streams] Replace downsampling colors with color palette kibana#252849)

To get the in-between values of the purple palette, we can use the EUI custom color palettes utility, e.g const downsamplingPalette = colorPalette([euiTheme.colors.backgroundLightAssistance, euiTheme.colors.backgroundFilledAssistance], 10):

Screenshots #

Impact to users

🟢

QA

Specific checklist (WIP)

General checklist

Browser QA
- Checked in both light and dark modes
- Checked in both MacOS and Windows high contrast modes
  - (emulate forced colors if you do not have access to a Windows machine.)
- Checked in mobile
- Checked in Chrome, Safari, Edge, and Firefox
- Checked for accessibility including keyboard-only and screenreader modes
Docs site QA
- Added documentation
- Props have proper autodocs (using @default if default values are missing) and playground toggles
- Checked Code Sandbox works for any docs examples
Code quality checklist
- Added or updated jest and cypress tests
- Updated visual regression tests
Release checklist
- A changelog entry exists and is marked appropriately
- If applicable, added the breaking change issue label (and filled out the breaking change checklist)
- If the changes unblock an issue in a different repo, smoke tested carefully (see Testing EUI features in Kibana ahead of time)
Designer checklist
- If applicable, file an issue to update EUI's Figma library with any corresponding UI changes. (This is an internal repo, if you are external to Elastic, ask a maintainer to submit this request)

JoseLuisGJ

LGTM @weronikaolejniczak thanks 🚀

packages/eui-theme-borealis/changelogs/upcoming/9383.md

packages/eui-theme-borealis/src/variables/colors/_colors_vis_light.ts

mgadewoll · 2026-02-18T08:46:38Z

ℹ️ The PR description lists components.buttons.textColorFilledAssistance as added token. It looks like it isn't being added though (and shouldn't if I'm not mistaken) - I guess we can remove it from the description 🙂

weronikaolejniczak · 2026-02-18T10:54:32Z

ℹ️ The PR description lists components.buttons.textColorFilledAssistance as added token. It looks like it isn't being added though (and shouldn't if I'm not mistaken) - I guess we can remove it from the description 🙂

Oh, absolutely, thanks for the catch! That was the state from the reverted commit adding tokens to buttons, and I forgot to remove it from the description after dropping the commit.

weronikaolejniczak · 2026-02-20T10:10:54Z

Thank you for the thorough review, @JoseLuisGJ and @mgadewoll! 🙏🏻 I addressed all the feedback, let me know if it's all as expected.

packages/website/docs/getting-started/theming/tokens/colors/data_vis_colors_table.tsx

packages/website/docs/patterns/severity/color_association_table.tsx

packages/website/docs/patterns/severity/index.mdx

elasticmachine · 2026-02-23T13:25:04Z

💚 Build Succeeded

History

💚 Build #2771 succeeded 82c07c8
💚 Build #2755 succeeded 986e757
💚 Build #2751 succeeded 428637f
💚 Build #2741 succeeded b4198fa
💚 Build #2686 succeeded 959027d
💚 Build #2681 succeeded 9c52ee5

cc @weronikaolejniczak

elasticmachine · 2026-02-23T13:41:39Z

💚 Build Succeeded

Buildkite Build
Commit: 56f8908

History

💚 Build #5877 succeeded 82c07c8
💚 Build #5863 succeeded 986e757
💚 Build #5860 succeeded 428637f
💚 Build #5850 succeeded b4198fa
💚 Build #5796 succeeded 959027d
💚 Build #5794 succeeded 9c52ee5

cc @weronikaolejniczak

mgadewoll

🟢 Code changes are looking good and the updated docs as well. Thanks for the patience on aligning the required changes. Nice work!

related to elastic/eui#9383

## Dependency updates - `@elastic/eui` - v113.0.0 ⏩ v113.1.0 - `@elastic/eui-theme-borealis` - v6.0.0 ⏩ v6.1.0 --- ## Changes | Commit | Change | Teams (Code Owner) | | :--- | :--- | :--- | | 18ef117 | Update snapshots, new Assistance color tokens ([#9383](elastic/eui#9383)) | @elastic/kibana-security | | 3fad87f | Update snapshots, new `aria-expanded` attribute added to button triggers of `EuiPopover` ([#9381](elastic/eui#9381)) | @elastic/appex-sharedux, @elastic/kibana-visualizations, @elastic/kibana-data-discovery | | cc9e096 | Update snapshots, remove `aria-controls` now handled by `EuiPopover` directly ([#9381](elastic/eui#9381)) | @elastic/kibana-security | ## Package updates ### `@elastic/eui` [v113.1.0](https://github.com/elastic/eui/releases/tag/v113.1.0) - Added `data-test-subj` attributes to `EuiFlyoutMenu` elements: back button, history dropdown, and history items. ([#9400](elastic/eui#9400)) - Added new assistance tokens: ([#9383](elastic/eui#9383)) - `euiTheme.colors.backgroundFilledAssistance` - `euiTheme.colors.backgroundLightAssistance` - `euiTheme.colors.backgroundBaseAssistance` - `euiTheme.components.buttons.backgroundAssistanceHover`, - `euiTheme.components.buttons.backgroundFilledAssistanceHover` - `euiTheme.colors.backgroundBaseInteractiveHoverAssistance` - `euiTheme.colors.borderStrongAssistance` - `euiTheme.colors.borderBaseAssistance` - `euiTheme.colors.textAssistance` - `euiTheme.colors.vis.euiColorVisAssistance` - `euiTheme.colors.severity.assistance` - `euiTheme.colors.vis.euiColorVis10` - `euiTheme.colors.vis.euiColorVis11` - `euiTheme.colors.vis.euiColorVisText10` - `euiTheme.colors.vis.euiColorVisText11` - Updated purple color palette shades 30-60 to slightly lighter values ([#9383](elastic/eui#9383)) **Accessibility** - Adds `aria-expanded` and `aria-controls` to the `EuiPopover` trigger button to improve screen reader context ([#9381](elastic/eui#9381)) ### `@elastic/eui-theme-borealis` v6.1.0 - Added new assistance tokens: ([#9383](elastic/eui#9383)) - `euiTheme.colors.backgroundFilledAssistance` - `euiTheme.colors.backgroundLightAssistance` - `euiTheme.colors.backgroundBaseAssistance` - `euiTheme.components.buttons.backgroundAssistanceHover`, - `euiTheme.components.buttons.backgroundFilledAssistanceHover` - `euiTheme.colors.backgroundBaseInteractiveHoverAssistance` - `euiTheme.colors.borderStrongAssistance` - `euiTheme.colors.borderBaseAssistance` - `euiTheme.colors.textAssistance` - `euiTheme.colors.vis.euiColorVisAssistance` - `euiTheme.colors.severity.assistance` - `euiTheme.colors.vis.euiColorVis10` - `euiTheme.colors.vis.euiColorVis11` - `euiTheme.colors.vis.euiColorVisText10` - `euiTheme.colors.vis.euiColorVisText11` - Updated purple color palette shades 30-60 to slightly lighter values ([#9383](elastic/eui#9383))

## Dependency updates - `@elastic/eui` - v113.0.0 ⏩ v113.1.0 - `@elastic/eui-theme-borealis` - v6.0.0 ⏩ v6.1.0 --- ## Changes | Commit | Change | Teams (Code Owner) | | :--- | :--- | :--- | | 18ef117 | Update snapshots, new Assistance color tokens ([elastic#9383](elastic/eui#9383)) | @elastic/kibana-security | | 3fad87f | Update snapshots, new `aria-expanded` attribute added to button triggers of `EuiPopover` ([elastic#9381](elastic/eui#9381)) | @elastic/appex-sharedux, @elastic/kibana-visualizations, @elastic/kibana-data-discovery | | cc9e096 | Update snapshots, remove `aria-controls` now handled by `EuiPopover` directly ([elastic#9381](elastic/eui#9381)) | @elastic/kibana-security | ## Package updates ### `@elastic/eui` [v113.1.0](https://github.com/elastic/eui/releases/tag/v113.1.0) - Added `data-test-subj` attributes to `EuiFlyoutMenu` elements: back button, history dropdown, and history items. ([elastic#9400](elastic/eui#9400)) - Added new assistance tokens: ([elastic#9383](elastic/eui#9383)) - `euiTheme.colors.backgroundFilledAssistance` - `euiTheme.colors.backgroundLightAssistance` - `euiTheme.colors.backgroundBaseAssistance` - `euiTheme.components.buttons.backgroundAssistanceHover`, - `euiTheme.components.buttons.backgroundFilledAssistanceHover` - `euiTheme.colors.backgroundBaseInteractiveHoverAssistance` - `euiTheme.colors.borderStrongAssistance` - `euiTheme.colors.borderBaseAssistance` - `euiTheme.colors.textAssistance` - `euiTheme.colors.vis.euiColorVisAssistance` - `euiTheme.colors.severity.assistance` - `euiTheme.colors.vis.euiColorVis10` - `euiTheme.colors.vis.euiColorVis11` - `euiTheme.colors.vis.euiColorVisText10` - `euiTheme.colors.vis.euiColorVisText11` - Updated purple color palette shades 30-60 to slightly lighter values ([elastic#9383](elastic/eui#9383)) **Accessibility** - Adds `aria-expanded` and `aria-controls` to the `EuiPopover` trigger button to improve screen reader context ([elastic#9381](elastic/eui#9381)) ### `@elastic/eui-theme-borealis` v6.1.0 - Added new assistance tokens: ([elastic#9383](elastic/eui#9383)) - `euiTheme.colors.backgroundFilledAssistance` - `euiTheme.colors.backgroundLightAssistance` - `euiTheme.colors.backgroundBaseAssistance` - `euiTheme.components.buttons.backgroundAssistanceHover`, - `euiTheme.components.buttons.backgroundFilledAssistanceHover` - `euiTheme.colors.backgroundBaseInteractiveHoverAssistance` - `euiTheme.colors.borderStrongAssistance` - `euiTheme.colors.borderBaseAssistance` - `euiTheme.colors.textAssistance` - `euiTheme.colors.vis.euiColorVisAssistance` - `euiTheme.colors.severity.assistance` - `euiTheme.colors.vis.euiColorVis10` - `euiTheme.colors.vis.euiColorVis11` - `euiTheme.colors.vis.euiColorVisText10` - `euiTheme.colors.vis.euiColorVisText11` - Updated purple color palette shades 30-60 to slightly lighter values ([elastic#9383](elastic/eui#9383))

weronikaolejniczak added 2 commits February 13, 2026 16:47

feat(borealis): update purple color palette

92ef434

feat: add data vis assistance/purple tokens

f15bc05

weronikaolejniczak changed the title ~~Feat/ai assistant palette~~ Make the purple palette available Feb 13, 2026

weronikaolejniczak self-assigned this Feb 13, 2026

weronikaolejniczak added 2 commits February 13, 2026 17:51

feat: add text assistance tokens

16acf1a

feat: add border assistance tokens

fb79534

weronikaolejniczak requested a review from JoseLuisGJ February 13, 2026 17:25

weronikaolejniczak added 2 commits February 13, 2026 18:29

feat: add background assistance tokens

ce022b6

feat: add interactive assistance tokens

66337c7

weronikaolejniczak force-pushed the feat/ai-assistant-palette branch from 94ac71c to 66337c7 Compare February 16, 2026 09:41

chore: add changelogs

959027d

weronikaolejniczak force-pushed the feat/ai-assistant-palette branch from 1087ced to 9c52ee5 Compare February 16, 2026 11:42

weronikaolejniczak marked this pull request as ready for review February 16, 2026 11:46

weronikaolejniczak requested a review from a team as a code owner February 16, 2026 11:46

weronikaolejniczak force-pushed the feat/ai-assistant-palette branch from 9c52ee5 to 959027d Compare February 16, 2026 14:08

JoseLuisGJ approved these changes Feb 16, 2026

View reviewed changes

mgadewoll self-requested a review February 18, 2026 08:17

mgadewoll reviewed Feb 18, 2026

View reviewed changes

packages/eui-theme-borealis/changelogs/upcoming/9383.md Outdated Show resolved Hide resolved

packages/eui-theme-borealis/src/variables/colors/_colors_vis_light.ts Show resolved Hide resolved

packages/eui-theme-borealis/src/variables/colors/_colors_vis_light.ts Show resolved Hide resolved

SoniaSanzV mentioned this pull request Feb 18, 2026

[Streams] Replace purple palette colors with tokens once available in EUI elastic/kibana#249185

Closed

chore: update changelogs

b788477

weronikaolejniczak force-pushed the feat/ai-assistant-palette branch from b7107e6 to d65f81c Compare February 18, 2026 11:49

feat: move vis assistance token to severity

b4198fa

weronikaolejniczak force-pushed the feat/ai-assistant-palette branch from d65f81c to b4198fa Compare February 18, 2026 11:51

JasonStoltz mentioned this pull request Feb 18, 2026

[Enhancement] [Purple Color Palette] Add a purple palette to EUI #9319

Closed

5 tasks

weronikaolejniczak added 4 commits February 19, 2026 11:55

feat: add euiColorVisAssistance back

61a570e

fix: add missing assistance severity type, story and docs

324fb22

fix: rename severity token in changelogs

428637f

feat: add vis text color assistance tokens

986e757

weronikaolejniczak force-pushed the feat/ai-assistant-palette branch from e65344d to 986e757 Compare February 20, 2026 10:08

weronikaolejniczak requested a review from mgadewoll February 20, 2026 10:08

mgadewoll reviewed Feb 20, 2026

View reviewed changes

packages/website/docs/getting-started/theming/tokens/colors/data_vis_colors_table.tsx Show resolved Hide resolved

feat(website): add assistance to severity pattern page

82c07c8

weronikaolejniczak requested a review from mgadewoll February 23, 2026 10:58

weronikaolejniczak commented Feb 23, 2026

View reviewed changes

packages/website/docs/patterns/severity/color_association_table.tsx Show resolved Hide resolved

weronikaolejniczak commented Feb 23, 2026

View reviewed changes

packages/website/docs/patterns/severity/index.mdx Show resolved Hide resolved

fix(website): add assistance use case values

56f8908

mgadewoll approved these changes Feb 23, 2026

View reviewed changes

weronikaolejniczak merged commit 195421b into elastic:main Feb 23, 2026
5 checks passed

acstll mentioned this pull request Feb 24, 2026

Upgrade EUI to v113.1.0 elastic/kibana#254649

Merged

acstll added a commit to acstll/kibana that referenced this pull request Feb 24, 2026

Update snapshots

18ef117

related to elastic/eui#9383

mgadewoll mentioned this pull request Mar 16, 2026

[Theme] Remove datavis and severity assistance tokens #9507

Merged

16 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Make the purple palette available#9383

Make the purple palette available#9383
weronikaolejniczak merged 15 commits intoelastic:mainfrom
weronikaolejniczak:feat/ai-assistant-palette

weronikaolejniczak commented Feb 13, 2026 •

edited

Loading

Uh oh!

JoseLuisGJ left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

mgadewoll commented Feb 18, 2026

Uh oh!

weronikaolejniczak commented Feb 18, 2026

Uh oh!

weronikaolejniczak commented Feb 20, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

elasticmachine commented Feb 23, 2026

Uh oh!

elasticmachine commented Feb 23, 2026

Uh oh!

mgadewoll left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Conversation

weronikaolejniczak commented Feb 13, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Tokens updated

Tokens added

Why are we making this change?

Screenshots #

Impact to users

QA

Specific checklist (WIP)

General checklist

Uh oh!

JoseLuisGJ left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

mgadewoll commented Feb 18, 2026

Uh oh!

weronikaolejniczak commented Feb 18, 2026

Uh oh!

weronikaolejniczak commented Feb 20, 2026

Uh oh!

Uh oh!

Uh oh!

Uh oh!

elasticmachine commented Feb 23, 2026

💚 Build Succeeded

History

Uh oh!

elasticmachine commented Feb 23, 2026

💚 Build Succeeded

History

Uh oh!

mgadewoll left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

weronikaolejniczak commented Feb 13, 2026 •

edited

Loading