Modern Sophisticated Color Palette
A sleek and modern palette of deep blacks and muted grays, punctuated by a refreshing touch of vibrant green, exudes a sophisticated and minimalist vibe, perfect for contemporary design.
Practical uses and creative applications
The Modern Sophisticated Color Palette features a striking blend of deep black (#000000), elegant grays (#A0A0A0, #787878, #505050), and a refreshing touch of rich green (#007850). This versatile palette is ideal for branding and web design, offering a contemporary edge that resonates with businesses aiming to project a sense of luxury and professionalism.
Designers and creatives can effortlessly incorporate these colors into packaging, ensuring products stand out on the shelf while conveying a sense of trust and sophistication. This color palette is particularly well-suited for industries such as fashion, technology, and high-end services, where a modern aesthetic is paramount.
The interplay of dark and muted tones creates a chic backdrop that enhances visual storytelling, making it perfect for interior design projects that seek to create a calming yet stylish atmosphere. Whether you are designing a sleek website or curating an elegant product line, the Modern Sophisticated Color Palette provides a refined foundation that appeals to discerning audiences looking for elegance and modernity.
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.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 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.882 0.000 89.88) | #d8d8d8 | hsl(0, 0%, 85%) |
|
|
| 200 | oklch(0.839 0.000 89.88) | #cacaca | hsl(0, 0%, 79%) |
|
|
| 300 | oklch(0.795 0.000 89.88) | #bcbcbc | hsl(0, 0%, 74%) |
|
|
| 400 | oklch(0.751 0.000 89.88) | #aeaeae | hsl(0, 0%, 68%) |
|
|
| 500 | oklch(0.706 0.000 89.88) | #a0a0a0 | hsl(0, 0%, 63%) |
|
|
| 600 | oklch(0.617 0.000 89.88) | #858585 | hsl(0, 0%, 52%) |
|
|
| 700 | oklch(0.524 0.000 89.88) | #6a6a6a | hsl(0, 0%, 42%) |
|
|
| 800 | oklch(0.428 0.000 89.88) | #4f4f4f | hsl(0, 0%, 31%) |
|
|
| 900 | oklch(0.325 0.000 89.88) | #343434 | hsl(0, 0%, 20%) |
|
|
| 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.858 0.000 89.88) | #d0d0d0 | hsl(0, 0%, 82%) |
|
|
| 200 | oklch(0.789 0.000 89.88) | #bababa | hsl(0, 0%, 73%) |
|
|
| 300 | oklch(0.719 0.000 89.88) | #a4a4a4 | hsl(0, 0%, 64%) |
|
|
| 400 | oklch(0.647 0.000 89.88) | #8e8e8e | hsl(0, 0%, 56%) |
|
|
| 500 | oklch(0.573 0.000 89.88) | #787878 | hsl(0, 0%, 47%) |
|
|
| 600 | oklch(0.507 0.000 89.88) | #656565 | hsl(0, 0%, 40%) |
|
|
| 700 | oklch(0.439 0.000 89.88) | #525252 | hsl(0, 0%, 32%) |
|
|
| 800 | oklch(0.368 0.000 89.88) | #3f3f3f | hsl(0, 0%, 25%) |
|
|
| 900 | oklch(0.293 0.000 89.88) | #2c2c2c | hsl(0, 0%, 17%) |
|
|
| 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.833 0.000 89.88) | #c8c8c8 | hsl(0, 0%, 78%) |
|
|
| 200 | oklch(0.738 0.000 89.88) | #aaaaaa | hsl(0, 0%, 67%) |
|
|
| 300 | oklch(0.640 0.000 89.88) | #8c8c8c | hsl(0, 0%, 55%) |
|
|
| 400 | oklch(0.538 0.000 89.88) | #6e6e6e | hsl(0, 0%, 43%) |
|
|
| 500 | oklch(0.431 0.000 89.88) | #505050 | hsl(0, 0%, 31%) |
|
|
| 600 | oklch(0.390 0.000 89.88) | #454545 | hsl(0, 0%, 27%) |
|
|
| 700 | oklch(0.348 0.000 89.88) | #3a3a3a | hsl(0, 0%, 23%) |
|
|
| 800 | oklch(0.305 0.000 89.88) | #2f2f2f | hsl(0, 0%, 18%) |
|
|
| 900 | oklch(0.260 0.000 89.88) | #242424 | hsl(0, 0%, 14%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.057 172.74) | #ccffee | hsl(160, 100%, 90%) |
|
|
| 100 | oklch(0.919 0.123 169.46) | #88ffd7 | hsl(160, 100%, 77%) |
|
|
| 200 | oklch(0.894 0.171 165.61) | #44ffc1 | hsl(160, 100%, 63%) |
|
|
| 300 | oklch(0.882 0.199 160.13) | #01ffaa | hsl(160, 100%, 50%) |
|
|
| 400 | oklch(0.702 0.158 160.44) | #00bc7d | hsl(160, 100%, 37%) |
|
|
| 500 | oklch(0.506 0.112 161.45) | #007850 | hsl(160, 100%, 24%) |
|
|
| 600 | oklch(0.463 0.102 161.98) | #006a47 | hsl(160, 100%, 21%) |
|
|
| 700 | oklch(0.420 0.091 162.67) | #005c3e | hsl(160, 100%, 18%) |
|
|
| 800 | oklch(0.378 0.083 162.09) | #004f34 | hsl(159, 100%, 15%) |
|
|
| 900 | oklch(0.332 0.072 163.04) | #00412b | hsl(160, 100%, 13%) |
|
|
| 950 | oklch(0.284 0.060 164.46) | #003322 | hsl(160, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
