Modern Eclectic Color Palette
This palette blends muted mauve and teal with fresh mint and soft lemon, punctuated by a bold crimson, creating a harmonious yet vibrant vibe that feels both serene and spirited, perfect for a modern, eclectic aesthetic.
Practical uses and creative applications
The Modern Eclectic Color Palette is a vibrant mix of hues that effortlessly balances sophistication and playfulness. Featuring shades like the muted mauve of #81657e, the refreshing teal of #3ea3af, the soft mint of #9fd9b3, the delicate cream of #f0f6b9, and the bold crimson of #ff1d44, this palette is ideal for creatives looking to make a statement.
Whether you’re designing a trendy brand identity, refreshing a website, or creating eye-catching packaging, these colors convey a sense of modernity and individuality that resonates with contemporary audiences. This palette is particularly suitable for designers and brands in the lifestyle, fashion, or wellness sectors, where a mix of calming and energetic tones can set the perfect mood.
For interior designers, the Modern Eclectic Color Palette can bring warmth and creativity to spaces, making it perfect for cafes or boutique shops that want to create an inviting atmosphere. By incorporating these colors into your projects, you can evoke feelings of freshness and excitement, appealing to an audience eager for innovative and stylish experiences.
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.920 0.011 330.15) | #e9e2e8 | hsl(309, 14%, 90%) |
|
|
100 | oklch(0.848 0.018 328.53) | #d4c9d3 | hsl(305, 11%, 81%) |
|
|
200 | oklch(0.773 0.029 327.66) | #c0afbf | hsl(304, 12%, 72%) |
|
|
300 | oklch(0.697 0.040 328.77) | #ac95aa | hsl(305, 12%, 63%) |
|
|
400 | oklch(0.621 0.050 329.69) | #987c95 | hsl(306, 12%, 54%) |
|
|
500 | oklch(0.543 0.051 329.84) | #81657e | hsl(306, 12%, 45%) |
|
|
600 | oklch(0.481 0.045 330.47) | #6d556a | hsl(308, 12%, 38%) |
|
|
700 | oklch(0.420 0.037 329.71) | #594657 | hsl(306, 12%, 31%) |
|
|
800 | oklch(0.354 0.030 330.68) | #453643 | hsl(308, 12%, 24%) |
|
|
900 | oklch(0.285 0.024 329.16) | #312630 | hsl(305, 13%, 17%) |
|
|
950 | oklch(0.211 0.016 330.92) | #1d161c | hsl(309, 14%, 10%) |
|
dsfds
50 | oklch(0.937 0.024 206.62) | #d9eff2 | hsl(187, 49%, 90%) |
|
|
100 | oklch(0.883 0.042 205.74) | #b9e1e6 | hsl(187, 47%, 81%) |
|
|
200 | oklch(0.829 0.061 205.26) | #98d3da | hsl(186, 47%, 73%) |
|
|
300 | oklch(0.777 0.078 206.17) | #77c5cf | hsl(187, 48%, 64%) |
|
|
400 | oklch(0.728 0.093 205.23) | #56b8c3 | hsl(186, 48%, 55%) |
|
|
500 | oklch(0.662 0.093 206.18) | #3ea3af | hsl(186, 48%, 46%) |
|
|
600 | oklch(0.584 0.082 207.10) | #348994 | hsl(187, 48%, 39%) |
|
|
700 | oklch(0.505 0.069 205.80) | #2b7078 | hsl(186, 47%, 32%) |
|
|
800 | oklch(0.421 0.057 207.13) | #21565d | hsl(187, 48%, 25%) |
|
|
900 | oklch(0.335 0.043 204.67) | #173d41 | hsl(186, 48%, 17%) |
|
|
950 | oklch(0.240 0.028 207.10) | #0d2326 | hsl(187, 49%, 10%) |
|
dsfds
50 | oklch(0.937 0.031 157.17) | #daf1e2 | hsl(141, 45%, 90%) |
|
|
100 | oklch(0.917 0.040 156.82) | #cfecd9 | hsl(141, 43%, 87%) |
|
|
200 | oklch(0.895 0.050 156.08) | #c3e7cf | hsl(140, 43%, 84%) |
|
|
300 | oklch(0.875 0.059 156.43) | #b7e2c6 | hsl(141, 43%, 80%) |
|
|
400 | oklch(0.856 0.071 155.45) | #abdebc | hsl(140, 44%, 77%) |
|
|
500 | oklch(0.835 0.080 155.57) | #9fd9b3 | hsl(141, 43%, 74%) |
|
|
600 | oklch(0.760 0.118 153.87) | #70c78e | hsl(141, 44%, 61%) |
|
|
700 | oklch(0.678 0.142 151.79) | #46b06a | hsl(140, 43%, 48%) |
|
|
800 | oklch(0.544 0.112 151.99) | #33824e | hsl(141, 44%, 35%) |
|
|
900 | oklch(0.398 0.078 152.37) | #215332 | hsl(140, 43%, 23%) |
|
|
950 | oklch(0.240 0.041 153.47) | #0e2516 | hsl(141, 45%, 10%) |
|
dsfds
50 | oklch(0.969 0.051 112.10) | #f5f9d2 | hsl(66, 76%, 90%) |
|
|
100 | oklch(0.967 0.057 112.74) | #f4f9cd | hsl(67, 79%, 89%) |
|
|
200 | oklch(0.963 0.062 112.40) | #f3f8c8 | hsl(66, 77%, 88%) |
|
|
300 | oklch(0.960 0.067 112.13) | #f2f7c3 | hsl(66, 76%, 87%) |
|
|
400 | oklch(0.958 0.074 112.68) | #f1f7be | hsl(66, 78%, 86%) |
|
|
500 | oklch(0.954 0.079 112.46) | #f0f6b9 | hsl(66, 77%, 85%) |
|
|
600 | oklch(0.914 0.144 113.61) | #e2ed76 | hsl(66, 77%, 70%) |
|
|
700 | oklch(0.879 0.187 115.56) | #d3e532 | hsl(66, 77%, 55%) |
|
|
800 | oklch(0.733 0.163 116.08) | #a4b417 | hsl(66, 77%, 40%) |
|
|
900 | oklch(0.523 0.114 115.85) | #67710e | hsl(66, 78%, 25%) |
|
|
950 | oklch(0.284 0.058 115.19) | #292d06 | hsl(66, 76%, 10%) |
|
dsfds
50 | oklch(0.892 0.059 6.48) | #ffccd5 | hsl(349, 100%, 90%) |
|
|
100 | oklch(0.823 0.103 8.16) | #ffa9b8 | hsl(350, 100%, 83%) |
|
|
200 | oklch(0.760 0.148 10.23) | #ff869b | hsl(350, 100%, 76%) |
|
|
300 | oklch(0.706 0.190 12.98) | #ff637e | hsl(350, 100%, 69%) |
|
|
400 | oklch(0.665 0.225 16.61) | #ff4061 | hsl(350, 100%, 63%) |
|
|
500 | oklch(0.640 0.247 21.10) | #ff1d44 | hsl(350, 100%, 56%) |
|
|
600 | oklch(0.596 0.242 24.72) | #ed0029 | hsl(350, 100%, 46%) |
|
|
700 | oklch(0.507 0.205 24.24) | #bf0021 | hsl(350, 100%, 37%) |
|
|
800 | oklch(0.412 0.166 23.34) | #900019 | hsl(350, 100%, 28%) |
|
|
900 | oklch(0.313 0.126 21.65) | #620011 | hsl(350, 100%, 19%) |
|
|
950 | oklch(0.204 0.082 16.53) | #330009 | hsl(349, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.