Colors

Color Gamuts

  • sRGB
    -
  • Display P3
    -
  • Rec. 2020
    -

Color Generator

0.15 0.059 10
0.15 0.059 10
0.285 0.111 10
0.235 0.092 10
0.393 0.154 10
0.32 0.125 10
0.488 0.191 10
0.405 0.158 10
0.574 0.224 10
0.49 0.191 10
0.654 0.24 10
0.575 0.225 10
0.73 0.188 10
0.66 0.236 10
0.801 0.138 10
0.745 0.177 10
0.87 0.09 10
0.83 0.118 10
0.936 0.044 10
0.915 0.059 10
1 0 10
1 0 10

Color Palette

deep

1-m4
2-m4
3-m4
4-m4
5-m4
6-m4
7-m4
8-m4
9-m4
10-m4
11-m4

bright

1-r1
1-r2
1-r3
1-r4
1-y1
1-y2
1-y3
1-g1
1-g2
1-g3
1-c1
1-c2
1-c3
1-b1
1-b2
1-b3
1-b4
1-m1
1-m2
1-m3
1-m4
2-r1
2-r2
2-r3
2-r4
2-y1
2-y2
2-y3
2-g1
2-g2
2-g3
2-c1
2-c2
2-c3
2-b1
2-b2
2-b3
2-b4
2-m1
2-m2
2-m3
2-m4
3-r1
3-r2
3-r3
3-r4
3-y1
3-y2
3-y3
3-g1
3-g2
3-g3
3-c1
3-c2
3-c3
3-b1
3-b2
3-b3
3-b4
3-m1
3-m2
3-m3
3-m4
4-r1
4-r2
4-r3
4-r4
4-y1
4-y2
4-y3
4-g1
4-g2
4-g3
4-c1
4-c2
4-c3
4-b1
4-b2
4-b3
4-b4
4-m1
4-m2
4-m3
4-m4
5-r1
5-r2
5-r3
5-r4
5-y1
5-y2
5-y3
5-g1
5-g2
5-g3
5-c1
5-c2
5-c3
5-b1
5-b2
5-b3
5-b4
5-m1
5-m2
5-m3
5-m4
6-r1
6-r2
6-r3
6-r4
6-y1
6-y2
6-y3
6-g1
6-g2
6-g3
6-c1
6-c2
6-c3
6-b1
6-b2
6-b3
6-b4
6-m1
6-m2
6-m3
6-m4
7-r1
7-r2
7-r3
7-r4
7-y1
7-y2
7-y3
7-g1
7-g2
7-g3
7-c1
7-c2
7-c3
7-b1
7-b2
7-b3
7-b4
7-m1
7-m2
7-m3
7-m4
8-r1
8-r2
8-r3
8-r4
8-y1
8-y2
8-y3
8-g1
8-g2
8-g3
8-c1
8-c2
8-c3
8-b1
8-b2
8-b3
8-b4
8-m1
8-m2
8-m3
8-m4
9-r1
9-r2
9-r3
9-r4
9-y1
9-y2
9-y3
9-g1
9-g2
9-g3
9-c1
9-c2
9-c3
9-b1
9-b2
9-b3
9-b4
9-m1
9-m2
9-m3
9-m4
10-r1
10-r2
10-r3
10-r4
10-y1
10-y2
10-y3
10-g1
10-g2
10-g3
10-c1
10-c2
10-c3
10-b1
10-b2
10-b3
10-b4
10-m1
10-m2
10-m3
10-m4
11-r1
11-r2
11-r3
11-r4
11-y1
11-y2
11-y3
11-g1
11-g2
11-g3
11-c1
11-c2
11-c3
11-b1
11-b2
11-b3
11-b4
11-m1
11-m2
11-m3
11-m4

Color Palette for SVG

Text Colors

foreground-primary
foreground-secondary
foreground-tertiary

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum

Lorem ipsum

Lorem ipsum

link-normal
link-visited
attention-brand
attention-danger
attention-caution
attention-safety
attention-notice

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
foreground-primary
foreground-secondary
foreground-tertiary

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum

Lorem ipsum

Lorem ipsum

link-normal
link-visited
attention-brand
attention-danger
attention-caution
attention-safety
attention-notice

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum