Style Guide

Colors and components making up Pony Foo ❤️


Grayscale colors

True WhiteWhiteBrowser GraySlightly Lighter Gray
Lighter GrayLight GrayGrayDark Gray
Darker GrayBlackBlack LightBlack Text

Primary colors

Bright YellowDark GreenDark OrangeYellow Highlight
PinkPurpleDark TurquoiseBlue

Variants to primary colors

GreenRedYellowDark Green 0.5
OrangeBright TurquoiseLight Turquoise

Light color variants

Yellow Highlight 0.8Yellow 0.75Yellow 0.4Yellow Highlight 0.4
Yellow Highlight 0.2Yellow 0.05Light OrangeGreen 0.05
Yellow 0.3Yellow Highlight 0.1Yellow 0.1Orange 0.05
Dark Green 0.1Light GreenDark Turquoise 0.05Pink 0.05
Red 0.05LightPurple 0.05Orange Light
Pink 0.1Orange 0.6Blue 0.1Dark Turquoise 0.15
Purple 0.1Purple 0.2Pink LightBlue 0.2
Dark Turquoise 0.5

Component-related colors

Rome Disabled

Brand colors

Gmail RedChrome BlueOreilly Teal 0.3Slack Green
Twitter BlueOreilly TealFacebook BlueSlack Purple