Eclectic Color Palette for Modern Bohemian
This eclectic palette dances between earthy neutrals and vibrant pops of color, blending a cozy sophistication with energetic flair, perfect for a modern bohemian vibe.
Practical uses and creative applications
The Eclectic Color Palette for Modern Bohemian is a vibrant mix that effortlessly combines earthy tones with bold pops of color. Featuring a sophisticated blend of soft beige (#bcbdac), sunny yellow (#cfbe27), energetic coral (#f27435), striking fuchsia (#f02475), and deep plum (#3b2d38), this palette is perfect for those looking to inject personality and warmth into their designs.
Ideal for branding projects that aim to capture a free-spirited essence, this palette can help businesses convey creativity and a unique identity, making it perfect for artisanal brands, fashion boutiques, or lifestyle blogs. Web designers and creatives will find this palette particularly inspiring for creating immersive and inviting online experiences.
Its eclectic nature brings a sense of playfulness to websites, ensuring they stand out while maintaining a harmonious balance. Additionally, this color combination is equally suited for interior design, where it can be used to create cozy, bohemian-inspired spaces that invite relaxation and self-expression.
Whether you're designing packaging for handmade products or curating a stylish café atmosphere, the Modern Bohemian palette speaks to the hearts of those who cherish individuality and artistic flair.
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.
| 50 | oklch(0.930 0.007 106.53) | #e8e8e3 | hsl(60, 10%, 90%) |
|
|
| 100 | oklch(0.904 0.011 112.39) | #dfe0d8 | hsl(68, 11%, 86%) |
|
|
| 200 | oklch(0.876 0.014 111.30) | #d6d7cd | hsl(66, 11%, 82%) |
|
|
| 300 | oklch(0.848 0.016 106.74) | #cecec2 | hsl(60, 11%, 78%) |
|
|
| 400 | oklch(0.822 0.021 109.94) | #c5c6b7 | hsl(64, 12%, 75%) |
|
|
| 500 | oklch(0.793 0.023 109.66) | #bcbdac | hsl(64, 11%, 71%) |
|
|
| 600 | oklch(0.704 0.035 111.02) | #a0a289 | hsl(65, 12%, 59%) |
|
|
| 700 | oklch(0.604 0.039 111.01) | #828469 | hsl(64, 11%, 46%) |
|
|
| 800 | oklch(0.486 0.029 109.92) | #60614e | hsl(63, 11%, 34%) |
|
|
| 900 | oklch(0.363 0.022 111.04) | #3e3f32 | hsl(65, 12%, 22%) |
|
|
| 950 | oklch(0.225 0.009 107.13) | #1c1c17 | hsl(60, 10%, 10%) |
|
| 50 | oklch(0.959 0.041 101.09) | #f7f3d4 | hsl(53, 69%, 90%) |
|
|
| 100 | oklch(0.928 0.075 102.79) | #f0eab0 | hsl(54, 68%, 82%) |
|
|
| 200 | oklch(0.895 0.106 102.99) | #e9e08c | hsl(54, 68%, 73%) |
|
|
| 300 | oklch(0.865 0.131 102.55) | #e3d669 | hsl(54, 69%, 65%) |
|
|
| 400 | oklch(0.837 0.152 102.95) | #dccd45 | hsl(54, 68%, 57%) |
|
|
| 500 | oklch(0.792 0.157 102.43) | #cfbe27 | hsl(54, 68%, 48%) |
|
|
| 600 | oklch(0.697 0.137 102.62) | #aea021 | hsl(54, 68%, 41%) |
|
|
| 700 | oklch(0.599 0.117 102.90) | #8d821b | hsl(54, 68%, 33%) |
|
|
| 800 | oklch(0.497 0.096 102.59) | #6d6414 | hsl(54, 69%, 25%) |
|
|
| 900 | oklch(0.389 0.073 103.03) | #4c460e | hsl(54, 69%, 18%) |
|
|
| 950 | oklch(0.270 0.047 101.95) | #2b2708 | hsl(53, 69%, 10%) |
|
| 50 | oklch(0.921 0.039 48.28) | #fcdecf | hsl(20, 88%, 90%) |
|
|
| 100 | oklch(0.873 0.065 48.44) | #fac9b0 | hsl(20, 88%, 84%) |
|
|
| 200 | oklch(0.825 0.093 48.24) | #f8b491 | hsl(20, 88%, 77%) |
|
|
| 300 | oklch(0.779 0.120 46.51) | #f69e73 | hsl(20, 88%, 71%) |
|
|
| 400 | oklch(0.736 0.147 45.91) | #f48954 | hsl(20, 88%, 64%) |
|
|
| 500 | oklch(0.698 0.172 44.46) | #f27435 | hsl(20, 88%, 58%) |
|
|
| 600 | oklch(0.640 0.192 40.93) | #e7570f | hsl(20, 88%, 48%) |
|
|
| 700 | oklch(0.545 0.161 41.45) | #b9460c | hsl(20, 88%, 39%) |
|
|
| 800 | oklch(0.447 0.129 42.05) | #8c3509 | hsl(20, 88%, 29%) |
|
|
| 900 | oklch(0.340 0.094 42.74) | #5e2306 | hsl(20, 88%, 20%) |
|
|
| 950 | oklch(0.225 0.056 46.87) | #301203 | hsl(20, 88%, 10%) |
|
| 50 | oklch(0.898 0.055 352.30) | #fccfe1 | hsl(336, 88%, 90%) |
|
|
| 100 | oklch(0.828 0.096 354.03) | #f9adcb | hsl(336, 86%, 83%) |
|
|
| 200 | oklch(0.765 0.139 355.59) | #f78bb6 | hsl(336, 87%, 76%) |
|
|
| 300 | oklch(0.708 0.179 358.14) | #f569a0 | hsl(336, 88%, 69%) |
|
|
| 400 | oklch(0.659 0.214 0.62) | #f2468b | hsl(336, 87%, 61%) |
|
|
| 500 | oklch(0.626 0.235 4.90) | #f02475 | hsl(336, 87%, 54%) |
|
|
| 600 | oklch(0.569 0.223 7.52) | #d80f5f | hsl(336, 87%, 45%) |
|
|
| 700 | oklch(0.485 0.189 7.25) | #ae0c4c | hsl(336, 87%, 36%) |
|
|
| 800 | oklch(0.398 0.153 6.25) | #84093a | hsl(336, 87%, 28%) |
|
|
| 900 | oklch(0.306 0.116 5.26) | #5a0627 | hsl(336, 88%, 19%) |
|
|
| 950 | oklch(0.205 0.075 1.27) | #300315 | hsl(336, 88%, 10%) |
|
| 50 | oklch(0.920 0.010 335.49) | #e9e2e7 | hsl(317, 14%, 90%) |
|
|
| 100 | oklch(0.806 0.025 332.00) | #cabac7 | hsl(311, 13%, 76%) |
|
|
| 200 | oklch(0.689 0.041 332.86) | #ab92a6 | hsl(312, 13%, 62%) |
|
|
| 300 | oklch(0.567 0.057 334.86) | #8c6a84 | hsl(314, 14%, 48%) |
|
|
| 400 | oklch(0.447 0.041 334.01) | #634c5e | hsl(313, 13%, 34%) |
|
|
| 500 | oklch(0.317 0.027 333.80) | #3b2d38 | hsl(313, 13%, 20%) |
|
|
| 600 | oklch(0.296 0.026 334.48) | #352832 | hsl(314, 14%, 18%) |
|
|
| 700 | oklch(0.277 0.023 332.47) | #2f242d | hsl(311, 13%, 16%) |
|
|
| 800 | oklch(0.254 0.021 333.18) | #291f27 | hsl(312, 14%, 14%) |
|
|
| 900 | oklch(0.234 0.017 335.02) | #231b21 | hsl(315, 13%, 12%) |
|
|
| 950 | oklch(0.211 0.015 336.50) | #1d161b | hsl(317, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
