![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Tint & Shade Generator 2.0](https://ph-files.imgix.net/6629dc00-7ee0-4f4b-9989-d34d0a06ce51.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Tint & Shade Generator 2.0](https://ph-files.imgix.net/6629dc00-7ee0-4f4b-9989-d34d0a06ce51.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Accurately produce tints (lighter variants) and shades (darker variants) of a given hex color in 10% increments.
It's best used when you already have a base color palette but would like some complimentary colors for gradients, borders, backgrounds, shadows or other elements. Simple, precise, and open source.
![Tint & Shade Generator](https://ph-files.imgix.net/f5b24fd5-493d-4755-bffd-2995c21efa90.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Tint & Shade Generator](https://ph-files.imgix.net/f5b24fd5-493d-4755-bffd-2995c21efa90.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Material Design Palette Generator](https://ph-files.imgix.net/69e11d40-85d2-4ab8-8499-45fd6676369f.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Google's official palette generator is buried deep within the Material docs, and is hidden from search engines, making it difficult to discover.
To make it a little easier to use, Kuali forked it and added some minor improvements. We did not change the way colors are derived.
Now there's a proper app you can bookmark. Enjoy!
![Material Design Palette Generator](https://ph-files.imgix.net/69e11d40-85d2-4ab8-8499-45fd6676369f.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
Best Remote is a collection of resources about today's top remote companies, organized in a clean, consumable and fun way. I've been doing a lot of research on remote companies for my next job opportunity, and it's been a useful exercise collecting it in one place. I think this may help others who are interested in remote work or organizations.
![Best Remote](https://ph-files.imgix.net/c2aa8851-874b-4c59-bf7b-cb1408e004ae.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Color Tinter and Shader](https://ph-files.imgix.net/e4baa7ad-8ea1-4ba4-9bdd-5c9d36b1b64e.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![UXPin (Redesigned)](https://ph-files.imgix.net/de44c403-2da3-4bea-93d9-56ee9807cdae.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Michael Edelstone](https://ph-avatars.imgix.net/1286048/a7c9fae8-8198-4793-9fda-3454688d29b5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)
![Infigroove](https://ph-files.imgix.net/429f621e-f347-4a49-bb76-61716832f229.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=48&h=48&fit=crop&frame=1)