Modern Sophisticated Color Palette
A sleek, modern palette of deep charcoal and jet black exudes sophistication, while vibrant yellow adds a playful spark, complemented by soft sage and crisp white for a balanced, contemporary vibe.
Practical uses and creative applications
The Modern Sophisticated Color Palette combines deep, rich hues with bright accents to create a striking visual experience perfect for contemporary branding and design. The primary colors of #242A39 and #000000 offer a strong, elegant foundation, while the vibrant #FEFD62 injects a burst of energy and freshness.
Complemented by the muted tones of #989682 and the crispness of #FFFFFF, this palette strikes a harmonious balance that is ideal for web design, packaging, and interior spaces alike. This color palette is perfect for designers and creatives seeking to convey a sense of luxury and modernity in their projects.
It works beautifully for upscale brands in fashion, beauty, and technology, providing an air of sophistication that attracts discerning consumers. Whether you're crafting a minimalist website, designing premium product packaging, or creating chic interiors, the Modern Sophisticated Color Palette exudes professionalism and style, making it an excellent choice for those looking to leave a lasting impression.
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.916 0.011 269.54) | #e0e3eb | hsl(224, 22%, 90%) |
|
|
| 100 | oklch(0.792 0.030 268.30) | #b3bbcf | hsl(223, 23%, 76%) |
|
|
| 200 | oklch(0.664 0.050 267.68) | #8693b3 | hsl(223, 23%, 61%) |
|
|
| 300 | oklch(0.535 0.064 267.97) | #5d6c93 | hsl(223, 23%, 47%) |
|
|
| 400 | oklch(0.415 0.048 267.19) | #404b66 | hsl(223, 23%, 33%) |
|
|
| 500 | oklch(0.286 0.029 267.63) | #242a39 | hsl(223, 23%, 18%) |
|
|
| 600 | oklch(0.270 0.027 269.28) | #212634 | hsl(224, 22%, 17%) |
|
|
| 700 | oklch(0.253 0.026 268.20) | #1d222f | hsl(223, 24%, 15%) |
|
|
| 800 | oklch(0.239 0.022 265.67) | #1a1f2a | hsl(221, 24%, 13%) |
|
|
| 900 | oklch(0.222 0.019 266.14) | #171b24 | hsl(222, 22%, 12%) |
|
|
| 950 | oklch(0.205 0.017 268.83) | #14171f | hsl(224, 22%, 10%) |
|
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.986 0.064 106.57) | #fffecc | hsl(59, 100%, 90%) |
|
|
| 100 | oklch(0.981 0.090 107.26) | #fffeb7 | hsl(59, 100%, 86%) |
|
|
| 200 | oklch(0.977 0.114 108.33) | #fefea2 | hsl(60, 98%, 82%) |
|
|
| 300 | oklch(0.974 0.136 108.68) | #fefe8d | hsl(60, 98%, 77%) |
|
|
| 400 | oklch(0.969 0.155 108.59) | #fefd77 | hsl(60, 99%, 73%) |
|
|
| 500 | oklch(0.967 0.172 108.88) | #fefd62 | hsl(60, 99%, 69%) |
|
|
| 600 | oklch(0.962 0.202 109.07) | #fefc26 | hsl(59, 99%, 57%) |
|
|
| 700 | oklch(0.893 0.194 109.44) | #e6e501 | hsl(60, 99%, 45%) |
|
|
| 800 | oklch(0.712 0.155 109.33) | #aaa901 | hsl(60, 99%, 34%) |
|
|
| 900 | oklch(0.521 0.113 109.76) | #6e6e01 | hsl(60, 98%, 22%) |
|
|
| 950 | oklch(0.308 0.067 108.53) | #333200 | hsl(59, 100%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.007 106.53) | #e8e8e3 | hsl(60, 10%, 90%) |
|
|
| 100 | oklch(0.878 0.010 100.00) | #d8d7d0 | hsl(53, 9%, 83%) |
|
|
| 200 | oklch(0.827 0.015 102.51) | #c8c7bc | hsl(55, 10%, 76%) |
|
|
| 300 | oklch(0.776 0.019 103.52) | #b8b7a9 | hsl(56, 10%, 69%) |
|
|
| 400 | oklch(0.722 0.024 101.49) | #a8a695 | hsl(54, 10%, 62%) |
|
|
| 500 | oklch(0.669 0.029 102.45) | #989682 | hsl(55, 10%, 55%) |
|
|
| 600 | oklch(0.592 0.029 102.55) | #817f6b | hsl(55, 9%, 46%) |
|
|
| 700 | oklch(0.507 0.025 101.35) | #686656 | hsl(53, 9%, 37%) |
|
|
| 800 | oklch(0.418 0.019 99.37) | #4f4d41 | hsl(51, 10%, 28%) |
|
|
| 900 | oklch(0.323 0.014 101.28) | #35342c | hsl(53, 9%, 19%) |
|
|
| 950 | oklch(0.225 0.009 107.13) | #1c1c17 | hsl(60, 10%, 10%) |
|
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%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
