Skip to content

Instantly share code, notes, and snippets.

@ox
Last active May 6, 2019 18:27
Show Gist options
  • Save ox/f60cc8646b43bafce5f4eabcff86ab91 to your computer and use it in GitHub Desktop.
Save ox/f60cc8646b43bafce5f4eabcff86ab91 to your computer and use it in GitHub Desktop.
Nice color pairings from http://tachyons.io/docs/themes/skins/
/* Light Backgrounds */
.near-black { color: #111111 }
.bg-washed-yellow { background-color: #FFFCEB }
.dark-gray { color: #333333 }
.bg-near-white { background-color: #F4F4F4 }
.dark-gray { color: #333333 }
.bg-light-red { background-color: #FF725C }
.dark-gray { color: #333333 }
.bg-yellow { background-color: #FFD700 }
.dark-gray { color: #333333 }
.bg-washed-yellow { background-color: #FFFCEB }
.mid-gray { color: #555555 }
.bg-washed-yellow { background-color: #FFFCEB }
.purple { color: #5E2CA5 }
.bg-white { background-color: #FFFFFF }
.purple { color: #5E2CA5 }
.bg-washed-yellow { background-color: #FFFCEB }
.green { color: #19A974 }
.bg-white { background-color: #FFFFFF }
.navy { color: #001B44 }
.bg-near-white { background-color: #F4F4F4 }
.navy { color: #001B44 }
.bg-white { background-color: #FFFFFF }
.navy { color: #001B44 }
.bg-yellow { background-color: #FFD700 }
.navy { color: #001B44 }
.bg-washed-blue { background-color: #F6FFFE }
.navy { color: #001B44 }
.bg-washed-yellow { background-color: #FFFCEB }
.navy { color: #001B44 }
.bg-washed-red { background-color: #FFDFDF }
.dark-blue { color: #00449E }
.bg-white { background-color: #FFFFFF }
.dark-blue { color: #00449E }
.bg-washed-blue { background-color: #F6FFFE }
.dark-blue { color: #00449E }
.bg-washed-yellow { background-color: #FFFCEB }
.blue { color: #357EDD }
.bg-washed-yellow { background-color: #FFFCEB }
.blue { color: #357EDD }
.bg-washed-red { background-color: #FFDFDF }
/* Dark Backgrounds */
.light-gray { color: #EEEEEE }
.bg-navy { background-color: #001B44 }
.near-white { color: #F4F4F4 }
.bg-near-black { background-color: #111111 }
.near-white { color: #F4F4F4 }
.bg-navy { background-color: #001B44 }
.white { color: #FFFFFF }
.bg-navy { background-color: #001B44 }
.gold { color: #FFB700 }
.bg-dark-gray { background-color: #333333 }
.light-yellow { color: #FBF1A9 }
.bg-blue { background-color: #357EDD }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment