Color Scales | Components AI

Theme

TypeModeInterpolationFixup

Steps

Constrain to theme

#ffd172

1.4414.62

#fdae69

1.8411.43

#fa8861

2.408.76

#f76059

3.106.77

#f4516b

3.376.24

#f04987

3.506.01

#ec42a4

3.575.88

#e83bc3

3.595.84

#e335e2

3.585.87

#bb2fde

4.594.57

#9129d9

5.963.52

#6829ce

7.512.80

Indicator

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Label: 9,173

Badge

Accessible color combinations

: #6829CE

: #FFD172

Contrast: 5.23

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

: #FFD172

: #6829CE

Contrast: 5.23

Aa Bb Cc Dd Ee Ff

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.