Warm Eclectic Color Palette
This palette blends earthy taupe and soft beige with vibrant coral and teal accents, creating a warm, eclectic vibe that feels both cozy and lively.
Practical uses and creative applications
The Warm Eclectic Color Palette brings together a harmonious blend of earthy tones and vibrant accents, making it an ideal choice for creative professionals looking to infuse personality and warmth into their projects. Featuring shades like the deep, grounding #58534c and the soft, inviting #f1d3ab, this palette is perfect for branding that aims to convey authenticity and approachability.
Whether you're designing a logo, crafting packaging, or creating an engaging website, these colors can establish a memorable identity that resonates with your audience. This palette is particularly suited for designers and creatives in industries such as artisanal foods, handmade crafts, or boutique lifestyle brands.
The vibrant #f95842 and soothing #0eaeab offer a striking contrast that can elevate any interior design project, creating spaces that feel both eclectic and welcoming. By utilizing this color scheme, you can set a mood that is playful yet sophisticated, making it an excellent choice for cafes, workshops, and creative studios that want to inspire creativity and connection among their visitors.
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.003 84.56) | #e7e6e4 | hsl(40, 6%, 90%) |
|
|
| 100 | oklch(0.837 0.008 80.72) | #ccc9c4 | hsl(37, 7%, 78%) |
|
|
| 200 | oklch(0.746 0.013 79.77) | #b1aca4 | hsl(37, 8%, 67%) |
|
|
| 300 | oklch(0.650 0.016 74.35) | #958e85 | hsl(34, 7%, 55%) |
|
|
| 400 | oklch(0.552 0.017 76.97) | #787167 | hsl(35, 8%, 44%) |
|
|
| 500 | oklch(0.445 0.013 76.49) | #58534c | hsl(35, 7%, 32%) |
|
|
| 600 | oklch(0.404 0.011 78.20) | #4c4842 | hsl(36, 7%, 28%) |
|
|
| 700 | oklch(0.359 0.010 73.58) | #403c37 | hsl(33, 8%, 23%) |
|
|
| 800 | oklch(0.315 0.008 75.27) | #34312d | hsl(34, 7%, 19%) |
|
|
| 900 | oklch(0.266 0.006 78.22) | #272522 | hsl(36, 7%, 14%) |
|
|
| 950 | oklch(0.218 0.004 84.59) | #1b1a18 | hsl(40, 6%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.033 74.79) | #f8e8d3 | hsl(34, 73%, 90%) |
|
|
| 100 | oklch(0.927 0.039 76.19) | #f6e4cb | hsl(35, 70%, 88%) |
|
|
| 200 | oklch(0.916 0.045 75.97) | #f5e0c3 | hsl(35, 71%, 86%) |
|
|
| 300 | oklch(0.904 0.051 73.91) | #f4dbbb | hsl(34, 72%, 85%) |
|
|
| 400 | oklch(0.893 0.056 74.90) | #f2d7b3 | hsl(34, 71%, 83%) |
|
|
| 500 | oklch(0.882 0.062 74.79) | #f1d3ab | hsl(34, 71%, 81%) |
|
|
| 600 | oklch(0.799 0.107 73.52) | #e7b36d | hsl(34, 72%, 67%) |
|
|
| 700 | oklch(0.719 0.140 69.06) | #dc922f | hsl(34, 71%, 52%) |
|
|
| 800 | oklch(0.581 0.117 68.62) | #a76c1c | hsl(35, 71%, 38%) |
|
|
| 900 | oklch(0.421 0.082 68.75) | #6a4412 | hsl(34, 71%, 24%) |
|
|
| 950 | oklch(0.242 0.042 71.15) | #2c1c07 | hsl(34, 73%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.033 99.54) | #f4f0d7 | hsl(52, 57%, 90%) |
|
|
| 100 | oklch(0.929 0.049 99.66) | #efe9c4 | hsl(52, 57%, 85%) |
|
|
| 200 | oklch(0.909 0.065 100.93) | #eae3b1 | hsl(53, 58%, 81%) |
|
|
| 300 | oklch(0.887 0.079 100.74) | #e5dc9f | hsl(52, 57%, 76%) |
|
|
| 400 | oklch(0.865 0.094 100.73) | #e0d58c | hsl(52, 58%, 71%) |
|
|
| 500 | oklch(0.844 0.107 100.71) | #dbce79 | hsl(52, 58%, 67%) |
|
|
| 600 | oklch(0.792 0.134 100.32) | #cfbd4b | hsl(52, 58%, 55%) |
|
|
| 700 | oklch(0.701 0.129 100.39) | #b1a030 | hsl(52, 57%, 44%) |
|
|
| 800 | oklch(0.564 0.103 100.98) | #837723 | hsl(53, 58%, 33%) |
|
|
| 900 | oklch(0.418 0.073 99.71) | #564d17 | hsl(51, 58%, 21%) |
|
|
| 950 | oklch(0.258 0.040 100.32) | #28240b | hsl(52, 57%, 10%) |
|
dsfds
| 50 | oklch(0.901 0.048 26.03) | #fdd3ce | hsl(6, 92%, 90%) |
|
|
| 100 | oklch(0.850 0.078 27.59) | #fdbbb2 | hsl(7, 95%, 85%) |
|
|
| 200 | oklch(0.799 0.109 28.00) | #fca296 | hsl(7, 94%, 79%) |
|
|
| 300 | oklch(0.752 0.141 28.68) | #fb897a | hsl(7, 94%, 73%) |
|
|
| 400 | oklch(0.710 0.172 29.94) | #fa715e | hsl(7, 94%, 67%) |
|
|
| 500 | oklch(0.673 0.200 30.69) | #f95842 | hsl(7, 94%, 62%) |
|
|
| 600 | oklch(0.628 0.238 30.95) | #f72b0f | hsl(7, 94%, 51%) |
|
|
| 700 | oklch(0.539 0.207 30.89) | #cb1e06 | hsl(7, 94%, 41%) |
|
|
| 800 | oklch(0.437 0.166 30.96) | #981605 | hsl(7, 94%, 31%) |
|
|
| 900 | oklch(0.329 0.121 31.74) | #650f03 | hsl(7, 94%, 20%) |
|
|
| 950 | oklch(0.209 0.070 33.01) | #310702 | hsl(6, 92%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.044 194.70) | #d0fbfa | hsl(179, 84%, 90%) |
|
|
| 100 | oklch(0.920 0.086 193.95) | #9ef7f5 | hsl(179, 85%, 79%) |
|
|
| 200 | oklch(0.889 0.118 193.90) | #6bf3f1 | hsl(179, 85%, 69%) |
|
|
| 300 | oklch(0.866 0.138 193.18) | #39efec | hsl(179, 85%, 58%) |
|
|
| 400 | oklch(0.820 0.139 192.47) | #12e0dc | hsl(179, 85%, 47%) |
|
|
| 500 | oklch(0.680 0.115 192.59) | #0eaeab | hsl(179, 85%, 37%) |
|
|
| 600 | oklch(0.606 0.102 192.25) | #0c9592 | hsl(179, 85%, 32%) |
|
|
| 700 | oklch(0.528 0.088 192.78) | #0a7b79 | hsl(179, 85%, 26%) |
|
|
| 800 | oklch(0.449 0.075 192.32) | #086260 | hsl(179, 85%, 21%) |
|
|
| 900 | oklch(0.367 0.061 191.60) | #064947 | hsl(178, 85%, 15%) |
|
|
| 950 | oklch(0.277 0.045 192.52) | #042f2e | hsl(179, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
