Bold Modern Color Palette
This palette exudes a bold, modern vibe with its deep charcoal, fiery red, and vibrant coral, softened by a creamy pastel yellow and cool teal, creating a striking balance between edgy and fresh.
Practical uses and creative applications
The Bold Modern Color Palette showcases a striking combination of deep hues and vibrant accents that are perfect for those looking to make a statement. With its rich charcoal gray (#3a3232) providing a solid foundation, the palette is dynamically complemented by the fiery red (#d83018) and a warm coral (#f07848).
These bold colors can be effectively used in branding to convey confidence and energy, making them ideal for businesses in creative industries like fashion, tech, or food. The soft pastel yellow (#fdfcce) and soothing teal (#c0d8d8) add a refreshing balance, perfect for web design or packaging that aims to engage and attract a modern audience.
Ideal for designers and creatives seeking to evoke a contemporary aesthetic, this color palette suits various styles and moodsfrom edgy and vibrant to calm and inviting. In interior design, the Bold Modern Color Palette can transform a space into a chic, inspiring environment, making it suitable for creative studios or trendy cafes.
Whether you’re crafting a brand identity, designing an engaging website, or curating the perfect packaging, this palette promises to leave a lasting impression and resonate with audiences who value boldness and modernity.
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.921 0.003 17.22) | #e7e4e4 | hsl(0, 6%, 90%) |
|
|
| 100 | oklch(0.809 0.010 17.37) | #c7bebe | hsl(0, 7%, 76%) |
|
|
| 200 | oklch(0.692 0.017 17.56) | #a69898 | hsl(0, 7%, 62%) |
|
|
| 300 | oklch(0.572 0.023 17.83) | #857373 | hsl(0, 7%, 49%) |
|
|
| 400 | oklch(0.455 0.017 17.80) | #605353 | hsl(0, 7%, 35%) |
|
|
| 500 | oklch(0.326 0.012 17.76) | #3a3232 | hsl(0, 7%, 21%) |
|
|
| 600 | oklch(0.305 0.010 17.73) | #342d2d | hsl(0, 7%, 19%) |
|
|
| 700 | oklch(0.281 0.010 17.79) | #2e2727 | hsl(0, 8%, 17%) |
|
|
| 800 | oklch(0.259 0.009 17.76) | #282222 | hsl(0, 8%, 15%) |
|
|
| 900 | oklch(0.237 0.008 17.71) | #221d1d | hsl(0, 8%, 12%) |
|
|
| 950 | oklch(0.213 0.005 17.53) | #1b1818 | hsl(0, 6%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.041 27.25) | #fad6d1 | hsl(7, 80%, 90%) |
|
|
| 100 | oklch(0.827 0.080 27.52) | #f6b3aa | hsl(7, 81%, 82%) |
|
|
| 200 | oklch(0.752 0.120 28.98) | #f19082 | hsl(8, 80%, 73%) |
|
|
| 300 | oklch(0.686 0.162 29.95) | #ed6d5b | hsl(7, 80%, 64%) |
|
|
| 400 | oklch(0.629 0.198 31.25) | #e84a33 | hsl(8, 80%, 55%) |
|
|
| 500 | oklch(0.576 0.207 31.31) | #d83018 | hsl(8, 80%, 47%) |
|
|
| 600 | oklch(0.508 0.181 31.27) | #b62814 | hsl(7, 80%, 40%) |
|
|
| 700 | oklch(0.438 0.153 31.48) | #942110 | hsl(8, 80%, 32%) |
|
|
| 800 | oklch(0.365 0.125 31.08) | #72190d | hsl(7, 80%, 25%) |
|
|
| 900 | oklch(0.289 0.094 31.33) | #501209 | hsl(8, 80%, 17%) |
|
|
| 950 | oklch(0.208 0.061 31.91) | #2e0a05 | hsl(7, 80%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.038 42.36) | #fbdcd0 | hsl(17, 84%, 90%) |
|
|
| 100 | oklch(0.871 0.062 42.24) | #f9c8b5 | hsl(17, 85%, 84%) |
|
|
| 200 | oklch(0.826 0.086 42.12) | #f7b49a | hsl(17, 85%, 79%) |
|
|
| 300 | oklch(0.782 0.111 42.76) | #f4a07e | hsl(17, 84%, 73%) |
|
|
| 400 | oklch(0.741 0.136 42.28) | #f28c63 | hsl(17, 85%, 67%) |
|
|
| 500 | oklch(0.703 0.161 41.55) | #f07848 | hsl(17, 85%, 61%) |
|
|
| 600 | oklch(0.645 0.198 38.56) | #ec5418 | hsl(17, 85%, 51%) |
|
|
| 700 | oklch(0.551 0.171 38.48) | #c04210 | hsl(17, 85%, 41%) |
|
|
| 800 | oklch(0.448 0.136 38.67) | #90310c | hsl(17, 85%, 31%) |
|
|
| 900 | oklch(0.338 0.097 39.93) | #5f2108 | hsl(17, 84%, 20%) |
|
|
| 950 | oklch(0.220 0.056 42.31) | #2f1004 | hsl(17, 84%, 10%) |
|
dsfds
| 50 | oklch(0.980 0.059 106.42) | #fdfcce | hsl(59, 92%, 90%) |
|
|
| 100 | oklch(0.980 0.059 106.42) | #fdfcce | hsl(59, 92%, 90%) |
|
|
| 200 | oklch(0.980 0.059 106.42) | #fdfcce | hsl(59, 92%, 90%) |
|
|
| 300 | oklch(0.980 0.059 106.42) | #fdfcce | hsl(59, 92%, 90%) |
|
|
| 400 | oklch(0.980 0.059 106.42) | #fdfcce | hsl(59, 92%, 90%) |
|
|
| 500 | oklch(0.980 0.059 106.42) | #fdfcce | hsl(59, 92%, 90%) |
|
|
| 600 | oklch(0.955 0.141 107.50) | #faf780 | hsl(59, 92%, 74%) |
|
|
| 700 | oklch(0.936 0.191 107.98) | #f7f231 | hsl(58, 93%, 58%) |
|
|
| 800 | oklch(0.816 0.175 108.27) | #ceca08 | hsl(59, 93%, 42%) |
|
|
| 900 | oklch(0.573 0.123 108.58) | #7f7d05 | hsl(59, 92%, 26%) |
|
|
| 950 | oklch(0.301 0.063 108.36) | #313002 | hsl(59, 92%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.013 196.94) | #e0ecec | hsl(180, 24%, 90%) |
|
|
| 100 | oklch(0.920 0.016 196.88) | #d9e8e8 | hsl(180, 25%, 88%) |
|
|
| 200 | oklch(0.906 0.018 196.84) | #d3e4e4 | hsl(180, 24%, 86%) |
|
|
| 300 | oklch(0.893 0.020 196.79) | #cde0e0 | hsl(180, 23%, 84%) |
|
|
| 400 | oklch(0.878 0.023 196.73) | #c6dcdc | hsl(180, 24%, 82%) |
|
|
| 500 | oklch(0.864 0.026 196.69) | #c0d8d8 | hsl(180, 24%, 80%) |
|
|
| 600 | oklch(0.769 0.044 196.28) | #94bdbd | hsl(180, 24%, 66%) |
|
|
| 700 | oklch(0.670 0.060 195.82) | #68a1a1 | hsl(180, 23%, 52%) |
|
|
| 800 | oklch(0.540 0.050 195.76) | #4a7878 | hsl(180, 24%, 38%) |
|
|
| 900 | oklch(0.394 0.035 195.83) | #2f4c4c | hsl(180, 24%, 24%) |
|
|
| 950 | oklch(0.232 0.017 196.05) | #142020 | hsl(180, 23%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
