Modern Minimalist Color Palette
A sleek blend of crisp whites and soft grays, accented by a bold crimson, creates a modern, minimalist vibe that exudes both elegance and a striking edge.
Practical uses and creative applications
The Modern Minimalist Color Palette features a sleek combination of whites, soft grays, a deep charcoal, and a bold pop of red, making it an ideal choice for designers and creatives looking to create a serene yet striking aesthetic. The primary colors#FFFFFF (White), #E5E5E5 (Light Gray), and #D3D3D3 (Medium Gray)establish a clean and airy backdrop, perfect for web design and branding that aims for sophistication.
The addition of #393939 (Charcoal) introduces depth, while #EF0836 (Vibrant Red) adds an element of excitement, ensuring your designs stand out without overwhelming the viewer. This palette works beautifully in various applications, from packaging design for modern products to interior design that promotes a tranquil environment.
It's particularly well-suited for brands in the tech, fashion, and wellness industries, where a minimalist approach speaks to a contemporary audience. Whether you're a graphic designer creating a sleek website or an interior decorator looking to craft a calming space, the Modern Minimalist Color Palette will help convey a sense of elegance and clarity, appealing to those who appreciate refined design.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 200 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 300 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 400 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 500 | oklch(0.922 0.000 89.88) | #e5e5e5 | hsl(0, 0%, 90%) |
|
|
| 600 | oklch(0.795 0.000 89.88) | #bcbcbc | hsl(0, 0%, 74%) |
|
|
| 700 | oklch(0.667 0.000 89.88) | #949494 | hsl(0, 0%, 58%) |
|
|
| 800 | oklch(0.528 0.000 89.88) | #6b6b6b | hsl(0, 0%, 42%) |
|
|
| 900 | oklch(0.379 0.000 89.88) | #424242 | hsl(0, 0%, 26%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.913 0.000 89.88) | #e2e2e2 | hsl(0, 0%, 89%) |
|
|
| 200 | oklch(0.901 0.000 89.88) | #dedede | hsl(0, 0%, 87%) |
|
|
| 300 | oklch(0.888 0.000 89.88) | #dadada | hsl(0, 0%, 85%) |
|
|
| 400 | oklch(0.879 0.000 89.88) | #d7d7d7 | hsl(0, 0%, 84%) |
|
|
| 500 | oklch(0.867 0.000 89.88) | #d3d3d3 | hsl(0, 0%, 83%) |
|
|
| 600 | oklch(0.751 0.000 89.88) | #aeaeae | hsl(0, 0%, 68%) |
|
|
| 700 | oklch(0.630 0.000 89.88) | #898989 | hsl(0, 0%, 54%) |
|
|
| 800 | oklch(0.503 0.000 89.88) | #646464 | hsl(0, 0%, 39%) |
|
|
| 900 | oklch(0.368 0.000 89.88) | #3f3f3f | hsl(0, 0%, 25%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.817 0.000 89.88) | #c3c3c3 | hsl(0, 0%, 76%) |
|
|
| 200 | oklch(0.709 0.000 89.88) | #a1a1a1 | hsl(0, 0%, 63%) |
|
|
| 300 | oklch(0.593 0.000 89.88) | #7e7e7e | hsl(0, 0%, 49%) |
|
|
| 400 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 500 | oklch(0.345 0.000 89.88) | #393939 | hsl(0, 0%, 22%) |
|
|
| 600 | oklch(0.321 0.000 89.88) | #333333 | hsl(0, 0%, 20%) |
|
|
| 700 | oklch(0.293 0.000 89.88) | #2c2c2c | hsl(0, 0%, 17%) |
|
|
| 800 | oklch(0.269 0.000 89.88) | #262626 | hsl(0, 0%, 15%) |
|
|
| 900 | oklch(0.244 0.000 89.88) | #202020 | hsl(0, 0%, 13%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.894 0.054 5.35) | #fdced7 | hsl(349, 92%, 90%) |
|
|
| 100 | oklch(0.812 0.105 6.90) | #fca5b6 | hsl(348, 94%, 82%) |
|
|
| 200 | oklch(0.738 0.156 9.29) | #fb7c95 | hsl(348, 94%, 74%) |
|
|
| 300 | oklch(0.677 0.201 12.66) | #f95374 | hsl(348, 93%, 65%) |
|
|
| 400 | oklch(0.635 0.234 17.58) | #f82a53 | hsl(348, 94%, 57%) |
|
|
| 500 | oklch(0.603 0.241 22.40) | #ef0836 | hsl(348, 94%, 48%) |
|
|
| 600 | oklch(0.530 0.211 22.15) | #c9072d | hsl(348, 93%, 41%) |
|
|
| 700 | oklch(0.454 0.180 21.36) | #a30525 | hsl(348, 94%, 33%) |
|
|
| 800 | oklch(0.375 0.148 20.64) | #7d041c | hsl(348, 94%, 25%) |
|
|
| 900 | oklch(0.292 0.113 18.64) | #570314 | hsl(348, 93%, 18%) |
|
|
| 950 | oklch(0.203 0.076 15.00) | #31020b | hsl(349, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
