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.

pastel nature spring happy sea
#81657e
#3ea3af
#9fd9b3
#f0f6b9
#ff1d44

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.

#1BFA97
#EDAABA
#E968D8
#985EAE
#245553
#FFFFFF
#DCD4CC
#605547
#08FFC9
#A3FFE7
#3fb8af
#7fc7af
#dad8a7
#ff9e9d
#ff3d7f
#cfffdd
#b4dec1
#5c5863
#a85163
#ff1f4c
#736558
#fd65a0
#fef5c6
#aaf2e4
#31d5de
#796c86
#74aa9b
#91c68d
#ece488
#f6f5cd
#7f135f
#a0667a
#c2b895
#c4cab0
#c7dcca
#5e0324
#692764
#7b7893
#7fb1a8
#94f9bf
#37ab98
#80bc96
#a6c88c
#e1ce8a
#37053b
© 2025 KColor. All rights reserved. 1.11.0