Skip to content

Instantly share code, notes, and snippets.

@stowball

stowball/colors.md

Last active May 14, 2019 03:42
Show Gist options
  • Save stowball/594c90dea303c1b207bb4b208a679745 to your computer and use it in GitHub Desktop.
Save stowball/594c90dea303c1b207bb4b208a679745 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
colors.md

See the Pen Hucssley color palette by Matt Stow (@stowball) on CodePen.

<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

See the Pen Hucssley color palette by Matt Stow (@stowball) on CodePen.

<script async src="https://static.codepen.io/assets/embed/ei.js"></script> <style> .swatch-title { font-size: 1em; margin-bottom: 5px; } .swatch-list { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .swatch { flex-shrink: 0; height: 60px; line-height: 60px; text-align: center; width: 60px; } .swatch:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .swatch:last-child { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .swatch:nth-last-child(-n+5) { color: #ffffff; } </style>
Neutral
  • 0
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 1000
Red
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 1000
Orange
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 1000
Yellow
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 1000
Green
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 1000
Blue
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 1000
Indigo
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 1000
Violet
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
  • 1000
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment