Color

Color is the cornerstone of Moneypants design. It distinguishes our brand and helps us to create consistent experiences across marketing and products.

Primary Palette

We use simple, vibrant colors to communicate the simplicity and vibrancy of our product.

MP Blue

RGB

0, 153, 255

HEX

#0099FF

MP Green

RGB

125, 190, 48

HEX

#7DBE30

MP Orange

RGB

242, 101, 34

HEX

#F26522

MP Purple

RGB

102, 0, 153

HEX

#660099

MP Pink

RGB

204, 0, 102

HEX

#CC0066

Secondary Palette

The secondary palette is used for more specific applications (like coloring artwork) and should not be used in general design. For instance, MP Light Pink is primarily used for coloring Moneypants’ Piggy Banks, and MP Red is for alert messages.

MP Light Pink

RGB

252, 177, 209

HEX

#FCB1D1

MP Red

RGB

237, 34, 36

HEX

#ED2224

MP Yellow

RGB

255, 255, 0

HEX

#FFFF00

MP Dark Blue

RGB

0, 77, 128

HEX

#004D80

MP Dark Green

RGB

42, 64, 16

HEX

#2A4010

MP Skin Tone 1

RGB

255, 213, 165

HEX

#FFD5A5

MP Skin Tone 2

RGB

219, 163, 100

HEX

#DBA364

MP Brown

RGB

141, 57, 4

HEX

#8D3904

Grayscale Palette

The grayscale palette is used for creating contrast in design when there is already enough color. Note that black is used for text but not for buttons or dividers. Soften the black by using MP Gray 70 instead.

MP Gray 5

RGB

242, 242, 242

HEX

#F2F2F2

MP Gray 10

RGB

230, 230, 230

HEX

#E6E6E6

MP Gray 20

RGB

204, 204, 204

HEX

#CCCCCC

MP Gray 30

RGB

178, 178, 178

HEX

#B2B2B2

MP Gray 40

RGB

153, 153, 153

HEX

#999999

MP Gray 50

RGB

127, 127, 127

HEX

#7F7F7F

MP Gray 70

RGB

77, 77, 77

HEX

#4D4D4D

Black

RGB

0, 0, 0

HEX

#000000

White

RGB

255, 255, 255

HEX

#FFFFFF