Intro

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

https://www.sap.com/design-system/live-examples/Color_Palette/ColorPalette_LE.html

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

Components

  • No links.

Implementation

Specifications

Components

  • No links.

Implementation