Color
Color is a major part of the Weave identity. We have crafted a color palette and a system of using that palette that will help us communicate more effectively, tell great stories and be immediately recognizable wherever we show up.
Color wheel
This color palette is used for marketing purposes only. Examples include all print, event, video, digital and other marketing materials, as well as design for the web.
Print and web
This color palette is used for marketing purposes only. Examples include all print, event, video, digital and other marketing materials, as well as design for the web.
PANTONE P 9022 U
PANTONE P 9061 C
RGB 239, 208, 208
HEX #F6E7E7
PANTONE P 9285 U
PANTONE P 9285 C
RGB 246, 233, 213
HEX #FAF3E9
PANTONE P 9400 U
PANTONE P 9401 C
RGB 181, 197, 234
HEX #D9E1F4
PANTONE P 9040 U
PANTONE P 9040 C
RGB 183, 226, 224
HEX #DAF0EF
PANTONE P 9023 U
PANTONE P 9340 C
RGB 211, 190, 234
HEX #E8DEF4
PANTONE P 503 U
PANTONE 691 C
RGB 239, 208, 208
HEX #EFD0D0
PANTONE P 7-9 U
PANTONE 9180 C
RGB 246, 233, 213
HEX #F6E9D5
PANTONE P 2120 U
PANTONE 658 C
RGB 181, 197, 234
HEX #B5C5EA
PANTONE P 628 U
PANTONE 572 C
RGB 183, 226, 224
HEX #B7E2E0
PANTONE 263 C
CMYK 18, 37, 0, 0
RGB 211, 190, 234
HEX #D3BEEA
PANTONE P 180 U
PANTONE 7418 C
RGB 188, 83, 83
HEX #BC5353
PANTONE P 2006 U
PANTONE 141 C
RGB 237, 195, 97
HEX #EDC361
PANTONE P 100-16 U
PANTONE 288 C
RGB 21, 42, 97
HEX #152A61
PANTONE P 135-16 U
PANTONE 561 C
RGB 183, 226, 224
HEX #0A473D
PANTONE P 93-8 U
PANTONE 268 C
RGB 98, 54, 137
HEX #623689
Grays
Grays are used primarily for type. In some cases they
can be used very sparingly as background treatments.
PANTONE P 528 U
PANTONE 649 C
RGB 206, 215, 219
HEX #CED7DB
PANTONE P 656 U
PANTONE 656 C
RGB 206, 215, 219
HEX #F5F6F7
PANTONE P 5463 U
PANTONE 7546 C
RGB 39/52/60
HEX #27343C
Primary button blue
This blue is used for primary call to action buttons such as scheduling a demo and other buttons.
RGB 20, 110, 245
HEX #146EF5
Suggested color pairings
Product
This color palette is used for product development and app purposes, primarily for ADA compliance and readability. Examples include the mobile and desktop app as well as the Weave help page on our website.
RGB 245, 180, 175
HEX #F5B4AF
RGB 254, 219, 173
HEX #FEDBAD
RGB 158, 197, 255
HEX #9EC5FF
RGB 166, 233, 229
HEX #A6E9E5
RGB 216, 180, 238
HEX #D8B4EE
RGB 161, 53, 45
HEX #A1352D
RGB 255, 178, 71
HEX #FFB247
RGB 11, 32, 106
HEX #0B206A
RGB 0, 57, 71
HEX #003947
RGB 77, 19, 114
HEX #4D1372
Grays
Grays are used primarily for type. In some cases they can be used very sparingly as background treatments.
PANTONE P 179-3 U
RGB 206, 215, 219
HEX #CED7DB
PANTONE P 179-15 U
RGB 39/52/60
HEX #27343C
Primary button blue
This blue is used for primary call to action buttons such as scheduling a demo and other buttons.
RGB 20, 110, 245
HEX #146EF5
Correct usage
Make sure there is sufficient contrast
Use primary blue for schedule a demo buttons
Use dark gray or white for the weave logo
Incorrect usage
Do not use colors outside of the color palette
Do not overlay colors onto of photography
Do not use gray for large graphic elements
Color examples