Colors

Color Gamuts

sRGB
Not Supported
Supported
Display P3
Not Supported
Supported
Rec. 2020
Not Supported
Supported

Color Generator


0.15 0.059	0.15 0.059
0.285 0.112	0.235 0.092
0.393 0.154	0.32 0.125
0.488 0.191	0.405 0.159
0.574 0.225	0.49 0.192
0.654 0.239	0.575 0.225
0.73 0.186	0.66 0.234
0.801 0.137	0.745 0.176
0.87 0.09	0.83 0.117
0.936 0.044	0.915 0.059
1 0	1 0

Color Palette

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

deep


1-m4
2-m4
3-m4
4-m4
5-m4
6-m4
7-m4
8-m4
9-m4
10-m4
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

attention-link-normal

attention-link-visited

attention-brand

attention-danger

attention-caution

attention-safety

attention-notice

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

attention-link-normal

attention-link-visited

attention-brand

attention-danger

attention-caution

attention-safety

attention-notice

Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum