Cozy Modern Elegance Color Palette
A harmonious blend of deep slate gray and soft pastels, this palette evokes a cozy, modern elegance with a touch of warmth—perfect for creating serene, inviting spaces.
Practical uses and creative applications
The Cozy Modern Elegance Color Palette is a harmonious blend of soft and sophisticated hues, making it an ideal choice for designers seeking to evoke warmth and refined charm in their projects. Featuring deep slate (#3b3f49), creamy off-white (#fdfaeb), soft blush (#faeddf), warm peach (#f3c6b9), and a gentle coral (#f7a29e), this palette effortlessly creates a welcoming atmosphere, perfect for branding and web design.
Whether you're crafting a boutique's identity or redesigning a website for a lifestyle blog, these colors will help convey a sense of comfort and modernity. Ideal for creatives and interior designers, this palette enhances spaces with its cozy elegance.
Imagine using these hues in packaging design for artisanal products or in a home interior that aims to blend contemporary style with a touch of homely warmth. The soothing balance of colors fosters a sense of tranquility, making it perfect for wellness brands, cafes, or any venture that prioritizes a friendly, inviting vibe.
Embrace the Cozy Modern Elegance Color Palette to create designs that not only look stunning but also feel inviting and sophisticated.
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.919 0.006 274.96) | #e3e4e8 | hsl(228, 10%, 90%) |
|
|
100 | oklch(0.814 0.013 271.26) | #bfc2cb | hsl(225, 10%, 77%) |
|
|
200 | oklch(0.705 0.022 267.22) | #9aa0ae | hsl(222, 11%, 64%) |
|
|
300 | oklch(0.593 0.031 267.34) | #767e91 | hsl(222, 11%, 52%) |
|
|
400 | oklch(0.482 0.025 268.16) | #585e6d | hsl(223, 11%, 39%) |
|
|
500 | oklch(0.368 0.018 268.19) | #3b3f49 | hsl(223, 11%, 26%) |
|
|
600 | oklch(0.337 0.016 270.90) | #343740 | hsl(225, 10%, 23%) |
|
|
700 | oklch(0.309 0.013 267.12) | #2d3037 | hsl(222, 10%, 20%) |
|
|
800 | oklch(0.276 0.012 264.36) | #25282e | hsl(220, 11%, 16%) |
|
|
900 | oklch(0.244 0.010 268.27) | #1e2025 | hsl(223, 10%, 13%) |
|
|
950 | oklch(0.210 0.008 274.53) | #17181c | hsl(228, 10%, 10%) |
|
dsfds
50 | oklch(0.961 0.045 97.55) | #faf3d1 | hsl(50, 80%, 90%) |
|
|
100 | oklch(0.967 0.041 98.08) | #fbf5d6 | hsl(50, 82%, 91%) |
|
|
200 | oklch(0.970 0.036 98.40) | #fbf6db | hsl(51, 80%, 92%) |
|
|
300 | oklch(0.974 0.031 96.86) | #fcf7e0 | hsl(49, 82%, 93%) |
|
|
400 | oklch(0.979 0.025 99.52) | #fcf9e6 | hsl(52, 79%, 95%) |
|
|
500 | oklch(0.983 0.020 97.52) | #fdfaeb | hsl(50, 82%, 96%) |
|
|
600 | oklch(0.920 0.095 98.12) | #f5e69c | hsl(50, 82%, 79%) |
|
|
700 | oklch(0.863 0.151 97.65) | #edd24c | hsl(50, 82%, 61%) |
|
|
800 | oklch(0.756 0.152 95.73) | #cdae15 | hsl(50, 81%, 44%) |
|
|
900 | oklch(0.531 0.105 96.19) | #7e6b0d | hsl(50, 81%, 27%) |
|
|
950 | oklch(0.273 0.051 97.37) | #2e2705 | hsl(50, 80%, 10%) |
|
dsfds
50 | oklch(0.934 0.032 68.93) | #f8e6d3 | hsl(31, 73%, 90%) |
|
|
100 | oklch(0.939 0.031 72.17) | #f8e8d5 | hsl(33, 71%, 90%) |
|
|
200 | oklch(0.942 0.029 69.16) | #f9e9d8 | hsl(31, 73%, 91%) |
|
|
300 | oklch(0.945 0.027 69.29) | #f9eada | hsl(31, 72%, 92%) |
|
|
400 | oklch(0.950 0.025 69.44) | #faecdd | hsl(31, 74%, 92%) |
|
|
500 | oklch(0.953 0.023 69.60) | #faeddf | hsl(31, 73%, 93%) |
|
|
600 | oklch(0.847 0.078 68.36) | #efc496 | hsl(31, 74%, 76%) |
|
|
700 | oklch(0.746 0.127 65.72) | #e39b4d | hsl(31, 73%, 60%) |
|
|
800 | oklch(0.620 0.132 61.56) | #be711e | hsl(31, 73%, 43%) |
|
|
900 | oklch(0.440 0.090 63.19) | #754612 | hsl(32, 73%, 26%) |
|
|
950 | oklch(0.237 0.042 65.06) | #2c1a07 | hsl(31, 73%, 10%) |
|
dsfds
50 | oklch(0.915 0.034 38.63) | #f8dcd3 | hsl(15, 73%, 90%) |
|
|
100 | oklch(0.903 0.038 36.23) | #f7d7ce | hsl(13, 72%, 89%) |
|
|
200 | oklch(0.894 0.042 36.49) | #f6d3c9 | hsl(13, 71%, 88%) |
|
|
300 | oklch(0.884 0.046 36.72) | #f5cfc4 | hsl(13, 71%, 86%) |
|
|
400 | oklch(0.872 0.051 36.50) | #f4cabe | hsl(13, 71%, 85%) |
|
|
500 | oklch(0.862 0.055 36.69) | #f3c6b9 | hsl(13, 71%, 84%) |
|
|
600 | oklch(0.742 0.111 36.97) | #e89279 | hsl(14, 71%, 69%) |
|
|
700 | oklch(0.635 0.169 36.72) | #dd5d38 | hsl(13, 71%, 54%) |
|
|
800 | oklch(0.514 0.151 36.39) | #ac3e1e | hsl(14, 70%, 40%) |
|
|
900 | oklch(0.372 0.104 37.10) | #6c2712 | hsl(14, 71%, 25%) |
|
|
950 | oklch(0.215 0.050 38.81) | #2c1007 | hsl(15, 73%, 10%) |
|
dsfds
50 | oklch(0.898 0.046 21.34) | #fbd2d0 | hsl(3, 84%, 90%) |
|
|
100 | oklch(0.876 0.057 20.98) | #fac8c6 | hsl(2, 84%, 88%) |
|
|
200 | oklch(0.856 0.067 21.97) | #f9bfbc | hsl(3, 84%, 86%) |
|
|
300 | oklch(0.835 0.080 21.76) | #f9b5b2 | hsl(3, 86%, 84%) |
|
|
400 | oklch(0.816 0.090 22.58) | #f8aca8 | hsl(3, 85%, 82%) |
|
|
500 | oklch(0.795 0.102 22.56) | #f7a29e | hsl(3, 85%, 79%) |
|
|
600 | oklch(0.680 0.178 25.34) | #f2635d | hsl(2, 85%, 66%) |
|
|
700 | oklch(0.605 0.231 29.16) | #ec251b | hsl(3, 85%, 52%) |
|
|
800 | oklch(0.488 0.188 29.15) | #b2160f | hsl(3, 84%, 38%) |
|
|
900 | oklch(0.353 0.133 29.03) | #710e09 | hsl(3, 85%, 24%) |
|
|
950 | oklch(0.203 0.068 28.72) | #2f0604 | hsl(3, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.