ponyfoo.com

Style Guide

Colors and components making up Pony Foo ❤️

Colors

Grayscale colors

True WhiteWhiteBrowser GrayerBrowser Gray
Slightly Lighter GrayLighter GrayLight GrayGray
Dark GrayDarker GrayBlackBlack Light
Black Text

Primary colors

Bright YellowDark GreenDark OrangeYellow Highlight
PinkTealPurpleDark Turquoise
Blue

Variants to primary colors

GreenRedYellowDark Green 0.5
OrangeBrighter TurquoiseBright TurquoiseLight Turquoise

Light color variants

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

Component-related colors

Rome Disabled

Brand colors

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

Theme colors

Buttons