Bold Warm Color Palette
This palette radiates a bold, passionate energy with deep burgundy and vibrant raspberry hues, accented by warm, earthy tones and a playful pop of sunny yellow, evoking a spirited blend of elegance and warmth.
Practical uses and creative applications
The Bold Warm Color Palette radiates an inviting energy with its striking hues of deep reds, warm oranges, and soft yellows. Featuring rich colors like #63072c, #910f43, #a65d53, #d59500, and #f7f7a1, this palette is perfect for brands looking to make a memorable impact.
Ideal for creative professionals in branding or web design, these colors evoke feelings of warmth and vitality, making them suitable for industries such as food, hospitality, and lifestyle. Whether you're designing a website, creating packaging, or developing a marketing campaign, this palette will captivate your audience and enhance your brand's identity.
Interior designers can also leverage the Bold Warm Color Palette to create inviting and energizing spaces. These colors work beautifully together to establish a cozy atmosphere in homes, cafes, or offices.
By integrating these rich tones into wall paint, furniture, or decor elements, designers can evoke a sense of warmth and creativity, making any space feel more welcoming. This palette is especially appealing to creatives who want to infuse their projects with a sense of passion and vibrancy, ensuring that every design resonates with its intended audience.
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.898 0.055 352.30) | #fccfe1 | hsl(336, 88%, 90%) |
|
|
100 | oklch(0.768 0.137 355.03) | #f78db8 | hsl(336, 87%, 76%) |
|
|
200 | oklch(0.665 0.210 359.73) | #f24b8f | hsl(336, 87%, 62%) |
|
|
300 | oklch(0.599 0.235 7.18) | #e71067 | hsl(336, 87%, 48%) |
|
|
400 | oklch(0.467 0.181 6.71) | #a50c49 | hsl(336, 86%, 35%) |
|
|
500 | oklch(0.326 0.124 4.89) | #63072c | hsl(336, 87%, 21%) |
|
|
600 | oklch(0.303 0.115 4.86) | #590627 | hsl(336, 87%, 19%) |
|
|
700 | oklch(0.279 0.104 3.67) | #4e0623 | hsl(336, 86%, 16%) |
|
|
800 | oklch(0.255 0.094 3.47) | #44051e | hsl(336, 86%, 14%) |
|
|
900 | oklch(0.231 0.085 1.94) | #3a041a | hsl(336, 87%, 12%) |
|
|
950 | oklch(0.205 0.075 1.27) | #300315 | hsl(336, 88%, 10%) |
|
dsfds
50 | oklch(0.900 0.050 352.72) | #fad1e1 | hsl(337, 80%, 90%) |
|
|
100 | oklch(0.790 0.115 354.50) | #f59bbf | hsl(336, 82%, 78%) |
|
|
200 | oklch(0.692 0.179 357.70) | #ef649c | hsl(336, 81%, 66%) |
|
|
300 | oklch(0.620 0.224 3.08) | #e92e79 | hsl(336, 81%, 55%) |
|
|
400 | oklch(0.539 0.207 5.96) | #c7155c | hsl(336, 81%, 43%) |
|
|
500 | oklch(0.429 0.163 5.21) | #910f43 | hsl(336, 81%, 31%) |
|
|
600 | oklch(0.386 0.145 4.66) | #7d0d3a | hsl(336, 81%, 27%) |
|
|
700 | oklch(0.343 0.127 3.94) | #690b31 | hsl(336, 81%, 23%) |
|
|
800 | oklch(0.300 0.110 3.38) | #560928 | hsl(336, 81%, 19%) |
|
|
900 | oklch(0.253 0.090 3.13) | #42071e | hsl(337, 81%, 14%) |
|
|
950 | oklch(0.204 0.069 1.12) | #2e0515 | hsl(337, 80%, 10%) |
|
dsfds
50 | oklch(0.915 0.017 26.65) | #eedfdd | hsl(7, 33%, 90%) |
|
|
100 | oklch(0.845 0.031 27.79) | #e0c5c1 | hsl(8, 33%, 82%) |
|
|
200 | oklch(0.773 0.048 26.52) | #d2aaa5 | hsl(7, 33%, 74%) |
|
|
300 | oklch(0.702 0.064 27.48) | #c49089 | hsl(7, 33%, 65%) |
|
|
400 | oklch(0.631 0.082 28.35) | #b6766d | hsl(7, 33%, 57%) |
|
|
500 | oklch(0.560 0.097 28.77) | #a65d53 | hsl(7, 33%, 49%) |
|
|
600 | oklch(0.495 0.085 28.28) | #8c4e46 | hsl(7, 33%, 41%) |
|
|
700 | oklch(0.427 0.071 27.67) | #713f39 | hsl(6, 33%, 33%) |
|
|
800 | oklch(0.359 0.057 29.74) | #57312b | hsl(8, 34%, 25%) |
|
|
900 | oklch(0.285 0.041 29.32) | #3c221e | hsl(8, 33%, 18%) |
|
|
950 | oklch(0.207 0.025 27.81) | #221311 | hsl(7, 33%, 10%) |
|
dsfds
50 | oklch(0.958 0.050 88.08) | #fff0cc | hsl(42, 100%, 90%) |
|
|
100 | oklch(0.919 0.094 87.31) | #ffe19b | hsl(42, 100%, 80%) |
|
|
200 | oklch(0.883 0.132 86.07) | #ffd26a | hsl(42, 100%, 71%) |
|
|
300 | oklch(0.850 0.159 83.49) | #ffc338 | hsl(42, 100%, 61%) |
|
|
400 | oklch(0.822 0.170 78.80) | #ffb507 | hsl(42, 100%, 51%) |
|
|
500 | oklch(0.714 0.149 78.03) | #d59500 | hsl(42, 100%, 42%) |
|
|
600 | oklch(0.633 0.132 78.02) | #b57e00 | hsl(42, 100%, 35%) |
|
|
700 | oklch(0.549 0.114 79.47) | #946800 | hsl(42, 100%, 29%) |
|
|
800 | oklch(0.461 0.096 79.80) | #745100 | hsl(42, 100%, 23%) |
|
|
900 | oklch(0.367 0.076 81.39) | #533a00 | hsl(42, 100%, 16%) |
|
|
950 | oklch(0.271 0.056 85.04) | #332400 | hsl(42, 100%, 10%) |
|
dsfds
50 | oklch(0.977 0.056 107.39) | #fbfbd0 | hsl(60, 84%, 90%) |
|
|
100 | oklch(0.973 0.066 107.56) | #fafac7 | hsl(60, 84%, 88%) |
|
|
200 | oklch(0.968 0.077 107.75) | #f9f9bd | hsl(60, 83%, 86%) |
|
|
300 | oklch(0.966 0.088 107.93) | #f9f9b4 | hsl(60, 85%, 84%) |
|
|
400 | oklch(0.961 0.098 108.11) | #f8f8aa | hsl(60, 85%, 82%) |
|
|
500 | oklch(0.957 0.107 108.27) | #f7f7a1 | hsl(60, 84%, 80%) |
|
|
600 | oklch(0.932 0.165 109.21) | #f1f15f | hsl(60, 84%, 66%) |
|
|
700 | oklch(0.913 0.195 109.70) | #ecec1d | hsl(60, 84%, 52%) |
|
|
800 | oklch(0.742 0.159 109.72) | #b3b30f | hsl(60, 85%, 38%) |
|
|
900 | oklch(0.531 0.113 109.69) | #71710a | hsl(60, 84%, 24%) |
|
|
950 | oklch(0.296 0.060 109.58) | #2f2f04 | hsl(60, 84%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.