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.

vintage warm fall nature
#000000
#ff8830
#d1b8a0
#aeced2
#cbdcdf

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.

#000000
#16213B
#FF1779
#E6E6E6
#FFFFFF
#e4ded0
#abccbd
#7dbeb8
#181619
#e32f21
#444444
#fcf7d1
#a9a17a
#b52c00
#8c0005
#f1ecdf
#d4c9ad
#c7ba99
#000000
#f58723
#565175
#538a95
#67b79e
#ffb727
#e4491c
#000000
#ed0b65
#b2a700
#fcae11
#770493
#8d9c9d
#e00b5b
#f5b04b
#fcdfbd
#45373e
#2f003f
#be0001
#ff8006
#f3c75f
#e9cfaa
#343635
#d90057
#e88700
#77b8a6
#ffe2ba
© 2025 KColor. All rights reserved. 1.11.0