Bold Eclectic Color Palette
This bold palette of fiery red, deep black, soft cream, earthy green, and muted olive exudes a vibrant yet grounded energy, perfect for a modern, eclectic style that balances intensity with warmth.
Practical uses and creative applications
The Bold Eclectic Color Palette is a vibrant combination of #f0371a (a fiery red), #000000 (classic black), #f7e6a6 (a soft, buttery beige), #3e6b48 (deep forest green), and #b5b479 (a muted olive). This striking palette is ideal for brands looking to make a memorable impact, particularly in sectors such as fashion, lifestyle, and artisanal products.
Designers can leverage these colors to create compelling logos, packaging, and promotional materials that not only stand out on the shelf but also communicate a sense of creativity and confidence. In web design, the Bold Eclectic Color Palette can infuse energy into websites, making them engaging and visually appealing.
The contrasting hues are perfect for drawing attention to call-to-action buttons or key information, ensuring that users remain captivated. This palette is particularly suited for creative professionals, such as graphic designers, marketers, and artists, who want to evoke a playful yet sophisticated mood in their projects.
From trendy coffee shops to vibrant interior spaces, this palette encourages a bold expression of individuality, making it a fantastic choice for contemporary brands and dynamic environments.
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.904 0.045 28.27) | #fcd5cf | hsl(8, 88%, 90%) |
|
|
| 100 | oklch(0.836 0.080 29.36) | #f9b6ab | hsl(8, 87%, 82%) |
|
|
| 200 | oklch(0.770 0.120 29.51) | #f79687 | hsl(8, 88%, 75%) |
|
|
| 300 | oklch(0.711 0.160 30.65) | #f57662 | hsl(8, 88%, 67%) |
|
|
| 400 | oklch(0.661 0.195 31.68) | #f2573e | hsl(8, 87%, 60%) |
|
|
| 500 | oklch(0.624 0.224 31.64) | #f0371a | hsl(8, 88%, 52%) |
|
|
| 600 | oklch(0.557 0.206 31.40) | #d1280e | hsl(8, 87%, 44%) |
|
|
| 700 | oklch(0.477 0.175 31.46) | #a9200b | hsl(8, 88%, 35%) |
|
|
| 800 | oklch(0.394 0.141 31.83) | #811908 | hsl(8, 88%, 27%) |
|
|
| 900 | oklch(0.304 0.105 31.93) | #581106 | hsl(8, 87%, 18%) |
|
|
| 950 | oklch(0.210 0.065 33.74) | #300903 | hsl(8, 88%, 10%) |
|
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.960 0.045 94.84) | #fbf2d0 | hsl(47, 84%, 90%) |
|
|
| 100 | oklch(0.951 0.052 94.10) | #faefc8 | hsl(47, 83%, 88%) |
|
|
| 200 | oklch(0.944 0.061 95.14) | #f9edbf | hsl(48, 83%, 86%) |
|
|
| 300 | oklch(0.939 0.069 94.79) | #f9ebb7 | hsl(47, 85%, 85%) |
|
|
| 400 | oklch(0.930 0.076 94.51) | #f8e8ae | hsl(47, 84%, 83%) |
|
|
| 500 | oklch(0.924 0.084 95.02) | #f7e6a6 | hsl(47, 84%, 81%) |
|
|
| 600 | oklch(0.871 0.134 94.33) | #f1d364 | hsl(47, 83%, 67%) |
|
|
| 700 | oklch(0.824 0.162 92.17) | #ebc121 | hsl(48, 83%, 53%) |
|
|
| 800 | oklch(0.670 0.134 91.00) | #b49110 | hsl(47, 84%, 38%) |
|
|
| 900 | oklch(0.482 0.095 92.59) | #715c0a | hsl(48, 84%, 24%) |
|
|
| 950 | oklch(0.271 0.051 93.89) | #2f2604 | hsl(47, 84%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.019 152.81) | #dfece2 | hsl(134, 25%, 90%) |
|
|
| 100 | oklch(0.851 0.044 151.44) | #bad7c0 | hsl(132, 27%, 79%) |
|
|
| 200 | oklch(0.772 0.069 151.30) | #95c29f | hsl(133, 27%, 67%) |
|
|
| 300 | oklch(0.691 0.091 150.41) | #71ac7e | hsl(133, 26%, 56%) |
|
|
| 400 | oklch(0.599 0.096 150.08) | #539061 | hsl(134, 27%, 45%) |
|
|
| 500 | oklch(0.485 0.075 149.98) | #3e6b48 | hsl(133, 27%, 33%) |
|
|
| 600 | oklch(0.437 0.067 150.29) | #355c3e | hsl(134, 27%, 28%) |
|
|
| 700 | oklch(0.388 0.057 150.05) | #2d4d34 | hsl(133, 26%, 24%) |
|
|
| 800 | oklch(0.336 0.048 150.53) | #243e2a | hsl(134, 27%, 19%) |
|
|
| 900 | oklch(0.283 0.038 151.30) | #1b2f20 | hsl(135, 27%, 15%) |
|
|
| 950 | oklch(0.228 0.027 151.05) | #132016 | hsl(134, 25%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.020 106.78) | #ededde | hsl(60, 29%, 90%) |
|
|
| 100 | oklch(0.904 0.031 104.96) | #e2e1ca | hsl(58, 29%, 84%) |
|
|
| 200 | oklch(0.869 0.043 105.79) | #d7d6b6 | hsl(58, 29%, 78%) |
|
|
| 300 | oklch(0.831 0.056 107.56) | #cbcba1 | hsl(60, 29%, 71%) |
|
|
| 400 | oklch(0.793 0.067 106.87) | #c0bf8d | hsl(59, 29%, 65%) |
|
|
| 500 | oklch(0.757 0.079 107.31) | #b5b479 | hsl(59, 29%, 59%) |
|
|
| 600 | oklch(0.694 0.093 107.89) | #a2a15a | hsl(59, 29%, 49%) |
|
|
| 700 | oklch(0.591 0.078 107.69) | #828148 | hsl(59, 29%, 40%) |
|
|
| 800 | oklch(0.483 0.062 107.36) | #626136 | hsl(59, 29%, 30%) |
|
|
| 900 | oklch(0.367 0.045 108.44) | #414124 | hsl(60, 29%, 20%) |
|
|
| 950 | oklch(0.243 0.026 108.22) | #212112 | hsl(60, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
