Updated: July 16, 2024

Color Palette

ui5-color-palette | v1.0

Intro

The color palette allows users to select a color from a predefined set of colors.

Color palette – live example

When to Use

Do

Use the color palette:

  • If typically need to select a color from a given set of colors.
Don't

Don’t use the color palette:

  • If users typically need to select the color freely. Use the color picker instead.

Anatomy

The color picker consists of the following elements:

  1. Swatch: Single color, part of the palette.

Applications can define the available colors.

Anatomy of a color palette
Anatomy of a color palette

Related Links

Components

  • No links.

Implementation