Modern Sophistication Color Palette
This palette exudes a sleek, modern sophistication with its cool grays and deep charcoal, accented by a touch of earthy green, creating a balanced vibe of minimalism and understated elegance.
Practical uses and creative applications
The Modern Sophistication Color Palette seamlessly blends elegance and contemporary charm, making it an ideal choice for branding, web design, and interior decor. Featuring a crisp #F0F0F0 as a base, complemented by deep #282828 and #505050 tones, this palette exudes a refined aesthetic that appeals to discerning audiences.
The subtle contrast of #C8C8C8 adds a touch of lightness, while the earthy #505028 brings in warmth, making it perfect for creating a balanced and inviting atmosphere. This sophisticated color scheme is particularly suited for designers and creatives looking to elevate their projects.
Whether you’re crafting a sleek website for a luxury brand or designing packaging for a high-end product, the Modern Sophistication palette enhances visual appeal and communicates a sense of professionalism. Additionally, its versatile nature allows it to shine in interior design, where it can transform spaces into chic retreats that resonate with modern tastes.
Embrace this palette to evoke feelings of sophistication and contemporary style in your next creative endeavor.
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.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 300 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
| 400 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 500 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 600 | oklch(0.823 0.000 89.88) | #c5c5c5 | hsl(0, 0%, 77%) |
|
|
| 700 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
| 800 | oklch(0.542 0.000 89.88) | #6f6f6f | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 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.808 0.000 89.88) | #c0c0c0 | hsl(0, 0%, 75%) |
|
|
| 200 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
| 300 | oklch(0.559 0.000 89.88) | #747474 | hsl(0, 0%, 45%) |
|
|
| 400 | oklch(0.424 0.000 89.88) | #4e4e4e | hsl(0, 0%, 31%) |
|
|
| 500 | oklch(0.277 0.000 89.88) | #282828 | hsl(0, 0%, 16%) |
|
|
| 600 | oklch(0.264 0.000 89.88) | #252525 | hsl(0, 0%, 15%) |
|
|
| 700 | oklch(0.252 0.000 89.88) | #222222 | hsl(0, 0%, 13%) |
|
|
| 800 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
| 900 | oklch(0.226 0.000 89.88) | #1c1c1c | 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.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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.907 0.000 89.88) | #e0e0e0 | hsl(0, 0%, 88%) |
|
|
| 200 | oklch(0.888 0.000 89.88) | #dadada | hsl(0, 0%, 85%) |
|
|
| 300 | oklch(0.870 0.000 89.88) | #d4d4d4 | hsl(0, 0%, 83%) |
|
|
| 400 | oklch(0.851 0.000 89.88) | #cecece | hsl(0, 0%, 81%) |
|
|
| 500 | oklch(0.833 0.000 89.88) | #c8c8c8 | hsl(0, 0%, 78%) |
|
|
| 600 | oklch(0.722 0.000 89.88) | #a5a5a5 | hsl(0, 0%, 65%) |
|
|
| 700 | oklch(0.607 0.000 89.88) | #828282 | hsl(0, 0%, 51%) |
|
|
| 800 | oklch(0.485 0.000 89.88) | #5f5f5f | hsl(0, 0%, 37%) |
|
|
| 900 | oklch(0.356 0.000 89.88) | #3c3c3c | hsl(0, 0%, 24%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.022 106.82) | #eeeedd | hsl(60, 33%, 90%) |
|
|
| 100 | oklch(0.869 0.052 107.43) | #d7d7b0 | hsl(60, 33%, 77%) |
|
|
| 200 | oklch(0.796 0.082 108.12) | #c1c183 | hsl(60, 33%, 64%) |
|
|
| 300 | oklch(0.720 0.108 108.84) | #aaaa55 | hsl(60, 33%, 50%) |
|
|
| 400 | oklch(0.575 0.084 108.78) | #7d7d3f | hsl(60, 33%, 37%) |
|
|
| 500 | oklch(0.421 0.059 108.69) | #505028 | hsl(60, 33%, 24%) |
|
|
| 600 | oklch(0.389 0.054 108.68) | #474723 | hsl(60, 34%, 21%) |
|
|
| 700 | oklch(0.356 0.048 108.62) | #3e3e1f | hsl(60, 33%, 18%) |
|
|
| 800 | oklch(0.318 0.042 108.56) | #34341a | hsl(60, 33%, 15%) |
|
|
| 900 | oklch(0.283 0.035 108.45) | #2b2b16 | hsl(60, 32%, 13%) |
|
|
| 950 | oklch(0.247 0.030 108.38) | #222211 | hsl(60, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
