Style Guide

Colors and components making up Pony Foo ❤️


Grayscale colors

True WhiteWhiteBrowser GrayerBrowser Gray
Slightly Lighter GrayLighter GrayLight GrayGray
GrayishDark GrayDarker GrayBlack
Black LightBlack Text

Primary colors

Bright YellowDark GreenLillyDark Orange
Yellow HighlightPinkOrange OilTeal
PurpleDark TurquoiseBlue

Variants to primary colors

GreenRedYellowJavascript Yellow
Dark Green 0.5OrangeBrighter TurquoiseBright Turquoise
Light 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