Modern Charcoal and Mint Color Palette
This palette exudes a sleek, modern vibe with deep charcoal and soft greys, accented by fresh minty greens and a bright, airy white, creating a balanced blend of sophistication and vitality.
Practical uses and creative applications
The Modern Charcoal and Mint Color Palette combines the elegance of deep charcoal tones with the refreshing vibrancy of mint greens. With rich shades like #202020 and #666666, this palette creates a sophisticated backdrop perfect for branding and web design, giving a sleek and contemporary feel that appeals to modern audiences.
The soft accents of #F7F7F7 and the invigorating pops of #BFF7C0 and #1FD076 lend a fresh twist, making it ideal for businesses aiming to convey a sense of innovation and approachability. This palette is particularly suited for creatives and designers who want to evoke a sense of balance and harmony in their work.
Whether used in packaging design for eco-friendly products or in interior spaces that require a touch of serenity, the Modern Charcoal and Mint Color Palette can transform any project. Its harmonious blend is especially appealing for brands in the wellness, technology, or lifestyle sectors, making it a versatile choice for those looking to stand out in a competitive market while maintaining a chic aesthetic.
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.802 0.000 89.88) | #bebebe | hsl(0, 0%, 75%) |
|
|
| 200 | oklch(0.676 0.000 89.88) | #979797 | hsl(0, 0%, 59%) |
|
|
| 300 | oklch(0.542 0.000 89.88) | #6f6f6f | hsl(0, 0%, 44%) |
|
|
| 400 | oklch(0.402 0.000 89.88) | #484848 | hsl(0, 0%, 28%) |
|
|
| 500 | oklch(0.244 0.000 89.88) | #202020 | hsl(0, 0%, 13%) |
|
|
| 600 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
| 700 | oklch(0.231 0.000 89.88) | #1d1d1d | hsl(0, 0%, 11%) |
|
|
| 800 | oklch(0.226 0.000 89.88) | #1c1c1c | hsl(0, 0%, 11%) |
|
|
| 900 | oklch(0.222 0.000 89.88) | #1b1b1b | hsl(0, 0%, 11%) |
|
|
| 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.845 0.000 89.88) | #cccccc | hsl(0, 0%, 80%) |
|
|
| 200 | oklch(0.767 0.000 89.88) | #b3b3b3 | hsl(0, 0%, 70%) |
|
|
| 300 | oklch(0.683 0.000 89.88) | #999999 | hsl(0, 0%, 60%) |
|
|
| 400 | oklch(0.600 0.000 89.88) | #808080 | hsl(0, 0%, 50%) |
|
|
| 500 | oklch(0.510 0.000 89.88) | #666666 | hsl(0, 0%, 40%) |
|
|
| 600 | oklch(0.457 0.000 89.88) | #575757 | hsl(0, 0%, 34%) |
|
|
| 700 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 800 | oklch(0.341 0.000 89.88) | #383838 | hsl(0, 0%, 22%) |
|
|
| 900 | oklch(0.281 0.000 89.88) | #292929 | hsl(0, 0%, 16%) |
|
|
| 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.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.946 0.000 89.88) | #ededed | hsl(0, 0%, 93%) |
|
|
| 300 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 400 | oklch(0.967 0.000 89.88) | #f4f4f4 | hsl(0, 0%, 96%) |
|
|
| 500 | oklch(0.976 0.000 89.88) | #f7f7f7 | hsl(0, 0%, 97%) |
|
|
| 600 | oklch(0.842 0.000 89.88) | #cbcbcb | hsl(0, 0%, 80%) |
|
|
| 700 | oklch(0.699 0.000 89.88) | #9e9e9e | hsl(0, 0%, 62%) |
|
|
| 800 | oklch(0.552 0.000 89.88) | #727272 | hsl(0, 0%, 45%) |
|
|
| 900 | oklch(0.394 0.000 89.88) | #464646 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.066 145.03) | #d2f9d2 | hsl(120, 76%, 90%) |
|
|
| 100 | oklch(0.941 0.071 145.58) | #cef9cf | hsl(121, 78%, 89%) |
|
|
| 200 | oklch(0.935 0.077 145.49) | #caf8cb | hsl(121, 77%, 88%) |
|
|
| 300 | oklch(0.932 0.083 145.38) | #c6f8c7 | hsl(121, 78%, 87%) |
|
|
| 400 | oklch(0.927 0.087 145.32) | #c3f7c4 | hsl(121, 76%, 87%) |
|
|
| 500 | oklch(0.924 0.093 145.22) | #bff7c0 | hsl(121, 78%, 86%) |
|
|
| 600 | oklch(0.855 0.186 144.06) | #7aee7c | hsl(121, 77%, 71%) |
|
|
| 700 | oklch(0.808 0.250 143.04) | #35e639 | hsl(121, 78%, 55%) |
|
|
| 800 | oklch(0.678 0.222 142.75) | #17b71a | hsl(121, 78%, 40%) |
|
|
| 900 | oklch(0.481 0.155 142.84) | #0e7210 | hsl(121, 78%, 25%) |
|
|
| 950 | oklch(0.261 0.078 142.94) | #062d06 | hsl(120, 76%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.046 163.13) | #d3f8e5 | hsl(149, 73%, 90%) |
|
|
| 100 | oklch(0.907 0.086 161.98) | #acf3cf | hsl(150, 75%, 81%) |
|
|
| 200 | oklch(0.869 0.122 160.39) | #86edb9 | hsl(150, 74%, 73%) |
|
|
| 300 | oklch(0.836 0.154 158.01) | #60e7a2 | hsl(149, 74%, 64%) |
|
|
| 400 | oklch(0.809 0.182 155.49) | #39e28c | hsl(149, 74%, 55%) |
|
|
| 500 | oklch(0.755 0.185 153.75) | #1fd076 | hsl(149, 74%, 47%) |
|
|
| 600 | oklch(0.664 0.162 153.85) | #1aaf63 | hsl(149, 74%, 39%) |
|
|
| 700 | oklch(0.573 0.138 154.16) | #158f51 | hsl(150, 74%, 32%) |
|
|
| 800 | oklch(0.475 0.113 154.41) | #106e3e | hsl(149, 75%, 25%) |
|
|
| 900 | oklch(0.372 0.085 155.51) | #0b4d2c | hsl(150, 75%, 17%) |
|
|
| 950 | oklch(0.261 0.055 156.57) | #072c19 | hsl(149, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
