A next-generation tool to create blazing-fast documentation sites
API
created:12/30/2020
updated:12/30/2020
loc
141
comments
7%

SeedsColor

avatar of atanasster

Color item displaying the color as a block with RGB and CMYK colors. The color name and description are displayed below the block. Design inspired by SproutSocial's Seed.

A11y tests

RGB: 111,94,211
CMYK: 47,55,0,17
purple.700

Use Purple 700 to highlight or draw attention to important information that has no interaction. When using our primary purple with our primary green, green should always be the dominant color of the two.

RGB: 0,40,56
CMYK: 100,29,0,78
aqua.1100

Use Aqua 1100 for dark backgrounds and solid drop shadows. Aqua 1100 should not be used on text.

RGB: 7,151,174
CMYK: 96,13,0,32
aqua.600

Use Aqua 600 for in-app text links and to highlight or draw attention to important information that has no interaction. Aqua is also the primary spot illustration color and is used for color blocking.

RGB: 32,121,195
CMYK: 84,38,0,24
Primary CTA
cta.primary
blue.700

RGB: 54,65,65
CMYK: 17,0,0,75
Secondary CTA
cta.scondary
neutral.800

Viewport

RGB: 111,94,211
CMYK: 47,55,0,17
purple.700

Use Purple 700 to highlight or draw attention to important information that has no interaction. When using our primary purple with our primary green, green should always be the dominant color of the two.

RGB: 0,40,56
CMYK: 100,29,0,78
aqua.1100

Use Aqua 1100 for dark backgrounds and solid drop shadows. Aqua 1100 should not be used on text.

RGB: 7,151,174
CMYK: 96,13,0,32
aqua.600

Use Aqua 600 for in-app text links and to highlight or draw attention to important information that has no interaction. Aqua is also the primary spot illustration color and is used for color blocking.

RGB: 32,121,195
CMYK: 84,38,0,24
Primary CTA
cta.primary
blue.700

RGB: 54,65,65
CMYK: 17,0,0,75
Secondary CTA
cta.scondary
neutral.800

320px
RGB: 111,94,211
CMYK: 47,55,0,17
purple.700

Use Purple 700 to highlight or draw attention to important information that has no interaction. When using our primary purple with our primary green, green should always be the dominant color of the two.

RGB: 0,40,56
CMYK: 100,29,0,78
aqua.1100

Use Aqua 1100 for dark backgrounds and solid drop shadows. Aqua 1100 should not be used on text.

RGB: 7,151,174
CMYK: 96,13,0,32
aqua.600

Use Aqua 600 for in-app text links and to highlight or draw attention to important information that has no interaction. Aqua is also the primary spot illustration color and is used for color blocking.

RGB: 32,121,195
CMYK: 84,38,0,24
Primary CTA
cta.primary
blue.700

RGB: 54,65,65
CMYK: 17,0,0,75
Secondary CTA
cta.scondary
neutral.800

375px
RGB: 111,94,211
CMYK: 47,55,0,17
purple.700

Use Purple 700 to highlight or draw attention to important information that has no interaction. When using our primary purple with our primary green, green should always be the dominant color of the two.

RGB: 0,40,56
CMYK: 100,29,0,78
aqua.1100

Use Aqua 1100 for dark backgrounds and solid drop shadows. Aqua 1100 should not be used on text.

RGB: 7,151,174
CMYK: 96,13,0,32
aqua.600

Use Aqua 600 for in-app text links and to highlight or draw attention to important information that has no interaction. Aqua is also the primary spot illustration color and is used for color blocking.

RGB: 32,121,195
CMYK: 84,38,0,24
Primary CTA
cta.primary
blue.700

RGB: 54,65,65
CMYK: 17,0,0,75
Secondary CTA
cta.scondary
neutral.800

768px
RGB: 111,94,211
CMYK: 47,55,0,17
purple.700

Use Purple 700 to highlight or draw attention to important information that has no interaction. When using our primary purple with our primary green, green should always be the dominant color of the two.

RGB: 0,40,56
CMYK: 100,29,0,78
aqua.1100

Use Aqua 1100 for dark backgrounds and solid drop shadows. Aqua 1100 should not be used on text.

RGB: 7,151,174
CMYK: 96,13,0,32
aqua.600

Use Aqua 600 for in-app text links and to highlight or draw attention to important information that has no interaction. Aqua is also the primary spot illustration color and is used for color blocking.

RGB: 32,121,195
CMYK: 84,38,0,24
Primary CTA
cta.primary
blue.700

RGB: 54,65,65
CMYK: 17,0,0,75
Secondary CTA
cta.scondary
neutral.800

1024px