Mailchimp Pattern Library

Our pattern library used to build the Mailchimp application.

Color

Brand

Cavendish
#FFE01B
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Pass
Peppercorn text Pass Pass
Copy

Functional Colors

Peppercorn
#241C15
Label 16px 24px
Coconut text Pass Pass
Kale text Not legible Pass
Peppercorn text Not legible Not legible
Copy
Oyster
#403B3B
Label 16px 24px
Coconut text Pass Pass
Kale text Not legible Not legible
Peppercorn text Not legible Not legible
Copy
Tuna
#8C8C8C
Label 16px 24px
Coconut text Not legible Pass
Kale text Not legible Not legible
Peppercorn text Pass Pass
Copy
Portobello
#B7A9A1
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Not legible
Peppercorn text Pass Pass
Copy
Basmati
#DBD9D2
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Pass
Peppercorn text Pass Pass
Copy
Parsnip
#EFEEEA
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Pass
Peppercorn text Pass Pass
Copy
Jasmine
#F6F6F4
Label 16px 24px
Coconut text Not legible Not legible
Kale text Pass Pass
Peppercorn text Pass Pass
Copy
Coconut
#FFFFFF
Label 16px 24px
Coconut text Not legible Not legible
Kale text Pass Pass
Peppercorn text Pass Pass
Copy
Kale
#007C89
Label 16px 24px
Coconut text Pass Pass
Kale text Not legible Not legible
Peppercorn text Not legible Pass
Copy

Feedback Colors

Yam
#FBCFBD
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Pass
Peppercorn text Pass Pass
Copy
Cornflower
#C5DBF2
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Pass
Peppercorn text Pass Pass
Copy
Cucumber
#D8EACC
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Pass
Peppercorn text Pass Pass
Copy
Squash
#FBEECA
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Pass
Peppercorn text Pass Pass
Copy
Radish
#F9E0FA
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Pass
Peppercorn text Pass Pass
Copy

Accent Colors

Dragonfruit
#FF3EBF
Label 16px 24px
Coconut text Not legible Pass
Kale text Not legible Not legible
Peppercorn text Pass Pass
Copy
Plum
#692340
Label 16px 24px
Coconut text Pass Pass
Kale text Not legible Not legible
Peppercorn text Not legible Not legible
Copy
Apricot
#E7B75F
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Not legible
Peppercorn text Pass Pass
Copy
Apple
#00C14E
Label 16px 24px
Coconut text Not legible Not legible
Kale text Not legible Not legible
Peppercorn text Pass Pass
Copy
Pumpkin
#F25F25
Label 16px 24px
Coconut text Not legible Pass
Kale text Not legible Not legible
Peppercorn text Pass Pass
Copy

Neutral Colors

Peppercorn
#241C15
Label 16px 24px
Coconut text Pass Pass
Kale text Not legible Pass
Peppercorn text Not legible Not legible
Copy
Peppercorn-65
N/A
Copy
Peppercorn-30
N/A
Copy
Peppercorn-15
N/A
Copy
Coconut
#FFFFFF
Label 16px 24px
Coconut text Not legible Not legible
Kale text Pass Pass
Peppercorn text Pass Pass
Copy
Coconut-50
N/A
Copy
Coconut-20
N/A
Copy
Coconut-10
N/A
Copy