Modern Chic Color Palette
This striking palette fuses deep, bold black with warm, vibrant orange and soft, muted tones of beige, teal, and cool gray, creating a chic, modern vibe that balances drama and serenity.
Practical uses and creative applications
The Modern Chic Color Palette seamlessly blends sophistication with a contemporary edge, making it an ideal choice for designers looking to elevate their branding, web design, packaging, or interior projects. Featuring a striking combination of deep black (#000000), vibrant coral (#ff8830), soft taupe (#d1b8a0), tranquil blue (#aeced2), and gentle grey (#cbdcdf), this palette embodies a balance between bold statements and subtle elegance.
Whether you're creating a sleek website for a fashion brand or designing minimalist packaging for artisanal products, these colors work harmoniously to create a lasting impression. This palette is perfect for creatives in the fashion, beauty, and lifestyle industries who want to convey a sense of modernity and sophistication.
The rich black adds a touch of luxury, while the coral injects energy and warmth, making it ideal for branding efforts aimed at a youthful and trend-conscious audience. Additionally, the calming blues and soft taupe provide a serene backdrop that can be utilized in interior design, creating spaces that feel both chic and inviting.
Embrace the Modern Chic Color Palette to inspire your next project and resonate with your target audience effectively.
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.931 0.043 59.40) | #ffe2cc | hsl(26, 100%, 90%) |
|
|
100 | oklch(0.890 0.071 58.36) | #ffd0ad | hsl(26, 100%, 84%) |
|
|
200 | oklch(0.850 0.098 57.42) | #ffbe8e | hsl(25, 100%, 78%) |
|
|
300 | oklch(0.813 0.125 56.64) | #ffac6e | hsl(26, 100%, 72%) |
|
|
400 | oklch(0.778 0.150 54.81) | #ff9a4f | hsl(26, 100%, 65%) |
|
|
500 | oklch(0.746 0.172 52.09) | #ff8830 | hsl(26, 100%, 59%) |
|
|
600 | oklch(0.699 0.199 45.40) | #fd6b00 | hsl(25, 100%, 50%) |
|
|
700 | oklch(0.593 0.166 46.30) | #ca5600 | hsl(26, 100%, 40%) |
|
|
800 | oklch(0.484 0.133 47.53) | #984100 | hsl(26, 100%, 30%) |
|
|
900 | oklch(0.364 0.097 49.51) | #652b00 | hsl(26, 100%, 20%) |
|
|
950 | oklch(0.238 0.058 56.02) | #331600 | hsl(26, 100%, 10%) |
|
dsfds
50 | oklch(0.927 0.015 64.33) | #eee5dd | hsl(28, 33%, 90%) |
|
|
100 | oklch(0.901 0.020 65.12) | #e8dcd1 | hsl(29, 33%, 86%) |
|
|
200 | oklch(0.876 0.027 65.64) | #e3d3c4 | hsl(29, 36%, 83%) |
|
|
300 | oklch(0.850 0.033 65.84) | #ddcab8 | hsl(29, 35%, 79%) |
|
|
400 | oklch(0.824 0.038 65.94) | #d7c1ac | hsl(29, 35%, 76%) |
|
|
500 | oklch(0.798 0.044 65.98) | #d1b8a0 | hsl(29, 35%, 72%) |
|
|
600 | oklch(0.704 0.065 65.65) | #bc9875 | hsl(30, 35%, 60%) |
|
|
700 | oklch(0.606 0.078 64.11) | #a3784f | hsl(29, 35%, 47%) |
|
|
800 | oklch(0.487 0.061 63.75) | #78583a | hsl(29, 35%, 35%) |
|
|
900 | oklch(0.361 0.043 65.80) | #4d3925 | hsl(30, 35%, 22%) |
|
|
950 | oklch(0.222 0.021 63.09) | #221911 | hsl(28, 33%, 10%) |
|
dsfds
50 | oklch(0.931 0.014 207.87) | #deebed | hsl(188, 29%, 90%) |
|
|
100 | oklch(0.911 0.017 205.84) | #d5e5e7 | hsl(187, 27%, 87%) |
|
|
200 | oklch(0.892 0.023 203.68) | #cbe0e2 | hsl(185, 28%, 84%) |
|
|
300 | oklch(0.871 0.027 205.43) | #c1dadd | hsl(186, 29%, 81%) |
|
|
400 | oklch(0.850 0.030 204.48) | #b8d4d7 | hsl(186, 28%, 78%) |
|
|
500 | oklch(0.829 0.035 205.75) | #aeced2 | hsl(187, 29%, 75%) |
|
|
600 | oklch(0.737 0.052 205.55) | #83b4ba | hsl(187, 28%, 62%) |
|
|
700 | oklch(0.644 0.066 206.09) | #5a99a1 | hsl(187, 28%, 49%) |
|
|
800 | oklch(0.517 0.052 204.41) | #427176 | hsl(186, 28%, 36%) |
|
|
900 | oklch(0.380 0.036 206.53) | #2a484c | hsl(187, 29%, 23%) |
|
|
950 | oklch(0.228 0.019 207.99) | #121f21 | hsl(188, 29%, 10%) |
|
dsfds
50 | oklch(0.929 0.012 209.80) | #dfeaec | hsl(189, 25%, 90%) |
|
|
100 | oklch(0.920 0.013 208.76) | #dbe7e9 | hsl(189, 24%, 89%) |
|
|
200 | oklch(0.910 0.015 213.10) | #d7e4e7 | hsl(191, 25%, 87%) |
|
|
300 | oklch(0.902 0.016 206.43) | #d3e2e4 | hsl(187, 24%, 86%) |
|
|
400 | oklch(0.893 0.018 210.19) | #cfdfe2 | hsl(189, 25%, 85%) |
|
|
500 | oklch(0.883 0.019 209.43) | #cbdcdf | hsl(189, 24%, 84%) |
|
|
600 | oklch(0.776 0.035 208.01) | #9dbdc2 | hsl(188, 23%, 69%) |
|
|
700 | oklch(0.668 0.053 208.93) | #6e9ea6 | hsl(189, 24%, 54%) |
|
|
800 | oklch(0.535 0.046 209.64) | #4d757c | hsl(189, 23%, 39%) |
|
|
900 | oklch(0.390 0.032 208.00) | #304a4e | hsl(188, 24%, 25%) |
|
|
950 | oklch(0.225 0.016 209.99) | #131e20 | hsl(189, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.