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>- 0
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 1000
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 1000
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 1000
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 1000
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 1000
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 1000
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 1000
- 100
- 200
- 300
- 400
- 500
- 600
- 700
- 800
- 900
- 1000