Simplify Your Color Palette With CSS Color-Mix() — Smashing Magazine
![](https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d689d10c-559f-4174-9ce1-01703fd73d84/1-simplify-color-palette-css-color-mix.jpg)
CSS color-mix is an experimental function that blends two colors and can be used to simplify color palettes. You can define a color palette and theme without too much effort using CSS color-mix().
![](https://99designs-blog.imgix.net/blog/wp-content/uploads/2016/01/Screen-Shot-2016-01-14-at-12.48.50-PM.png?auto=format&q=60&fit=max&w=930)
Breaking color rules in graphic design - 99designs
Mía Salazar en LinkedIn: GitHub - Mia-Salazar/resources: A list of resources
Best Colors for Branding and Marketing - Neil Patel
![](https://web.dev/static/blog/state-of-css-2022/image/screenshot-3-columns-ea-087999b70e3d7.png)
State of CSS 2022, Blog
![](https://web.dev/static/blog/state-of-css-2022/image/4-gradients-a-grid-fro-329eb50d1f47.png)
State of CSS 2022, Blog
![](https://files.smashing.media/articles/define-array-colors-css/css-array-linear-illustration.png)
How To Define An Array Of Colors With CSS - Blog of Web Design
Mía Salazar en LinkedIn: El miércoles pasado di mi última charla para @techshessions sobre…
![](https://hookagency.com/wp-content/uploads/2020/01/purple-blue-purple-slate-website-color-scheme-2020.jpg)
8 Fresh Website Color Schemes 2023 + Color Mood Board
![](https://i.vimeocdn.com/video/1446651543-c819fc6611ef1417ad4b94dbe8979682ad753c533334f3ccf1ef90ce9122e6ba-d.jpg?mw=1100&mh=619&q=70)
Simplify Your Color Palette With CSS Color-Mix() — Smashing Magazine