[ { "properties": { "steps": 11, "hue": { "start": 220, "end": 240, "curve": "easeOutQuad" }, "saturation": { "start": 0.08, "end": 1, "rate": 1, "curve": "easeOutQuad" }, "brightness": { "start": 1, "end": 0.2, "curve": "easeInQuart" } }, "options": { "minorSteps": [ 0, 1 ], "name": "Blue", "provideInverted": false, "rotation": "clockwise" } } ]
![ColorBox by Lyft Design](https://cdn-ak-scissors.b.st-hatena.com/image/square/161c922a0d5609b4eb5e34614bcd9dfbf56f36e9/height=288;version=1;width=512/https%3A%2F%2Fcolorbox.io%2Fimage.png)