Bold Warmth Color Palette
This palette blends deep charcoal gray with fiery orange tones and soft peachy accents, evoking a bold yet inviting modern aesthetic that balances warmth and sophistication.
Practical uses and creative applications
The Bold Warmth Color Palette is a striking combination of deep, rich tones and vibrant hues, making it ideal for brands looking to convey energy and warmth. With its dominant colors of charcoal gray (#212121), fiery orange (#FF4500), and soft peach (#FFB16A), this palette is perfect for web design, packaging, and branding projects that aim to capture attention and evoke a sense of enthusiasm.
The contrasting elements of the palette, like the crisp whites and soft grays, provide versatility, allowing designers to create visually appealing compositions that are both modern and inviting. Ideal for creatives and designers in industries such as food, fashion, and lifestyle, the Bold Warmth Color Palette can elevate any project that seeks to create a memorable impression.
Whether you’re designing a trendy café’s branding or a vibrant e-commerce website, this palette encourages a welcoming yet dynamic atmosphere. Its warm tones are particularly suited for interior designs that aim to create cozy spaces, making it a favorite among interior designers looking to craft inviting environments.
Embrace the powerful synergy of colors in this palette to infuse your projects with energy and warmth, and captivate your audience effortlessly.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.802 0.000 89.88) | #bebebe | hsl(0, 0%, 75%) |
|
|
200 | oklch(0.676 0.000 89.88) | #979797 | hsl(0, 0%, 59%) |
|
|
300 | oklch(0.545 0.000 89.88) | #707070 | hsl(0, 0%, 44%) |
|
|
400 | oklch(0.402 0.000 89.88) | #484848 | hsl(0, 0%, 28%) |
|
|
500 | oklch(0.248 0.000 89.88) | #212121 | hsl(0, 0%, 13%) |
|
|
600 | oklch(0.244 0.000 89.88) | #202020 | hsl(0, 0%, 13%) |
|
|
700 | oklch(0.235 0.000 89.88) | #1e1e1e | hsl(0, 0%, 12%) |
|
|
800 | oklch(0.231 0.000 89.88) | #1d1d1d | hsl(0, 0%, 11%) |
|
|
900 | oklch(0.222 0.000 89.88) | #1b1b1b | hsl(0, 0%, 11%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
50 | oklch(0.916 0.046 41.83) | #ffdacc | hsl(16, 100%, 90%) |
|
|
100 | oklch(0.851 0.085 41.35) | #ffbca3 | hsl(16, 100%, 82%) |
|
|
200 | oklch(0.790 0.126 41.03) | #ff9e7a | hsl(16, 100%, 74%) |
|
|
300 | oklch(0.738 0.166 40.54) | #ff8152 | hsl(16, 100%, 66%) |
|
|
400 | oklch(0.694 0.202 38.83) | #ff6329 | hsl(16, 100%, 58%) |
|
|
500 | oklch(0.660 0.229 35.40) | #ff4500 | hsl(16, 100%, 50%) |
|
|
600 | oklch(0.580 0.200 35.77) | #d63a00 | hsl(16, 100%, 42%) |
|
|
700 | oklch(0.497 0.169 36.32) | #ad2f00 | hsl(16, 100%, 34%) |
|
|
800 | oklch(0.412 0.138 37.09) | #852400 | hsl(16, 100%, 26%) |
|
|
900 | oklch(0.321 0.103 38.80) | #5c1900 | hsl(16, 100%, 18%) |
|
|
950 | oklch(0.223 0.066 43.47) | #330e00 | hsl(16, 100%, 10%) |
|
50 | oklch(0.923 0.044 50.42) | #ffdecc | hsl(21, 100%, 90%) |
|
|
100 | oklch(0.874 0.075 50.79) | #ffc8a9 | hsl(22, 100%, 83%) |
|
|
200 | oklch(0.827 0.107 49.95) | #ffb287 | hsl(22, 100%, 76%) |
|
|
300 | oklch(0.782 0.139 48.61) | #ff9b64 | hsl(21, 100%, 70%) |
|
|
400 | oklch(0.743 0.168 46.93) | #ff8542 | hsl(21, 100%, 63%) |
|
|
500 | oklch(0.708 0.194 44.19) | #ff6f1f | hsl(21, 100%, 56%) |
|
|
600 | oklch(0.650 0.202 40.39) | #ef5500 | hsl(21, 100%, 47%) |
|
|
700 | oklch(0.555 0.170 41.25) | #c04500 | hsl(22, 100%, 38%) |
|
|
800 | oklch(0.453 0.136 42.19) | #913400 | hsl(22, 100%, 28%) |
|
|
900 | oklch(0.346 0.101 44.03) | #622300 | hsl(21, 100%, 19%) |
|
|
950 | oklch(0.231 0.062 49.18) | #331200 | hsl(21, 100%, 10%) |
|
50 | oklch(0.935 0.044 63.91) | #ffe4cc | hsl(28, 100%, 90%) |
|
|
100 | oklch(0.911 0.061 64.53) | #ffdab8 | hsl(29, 100%, 86%) |
|
|
200 | oklch(0.888 0.077 64.03) | #ffd0a5 | hsl(29, 100%, 82%) |
|
|
300 | oklch(0.866 0.094 63.98) | #ffc691 | hsl(29, 100%, 78%) |
|
|
400 | oklch(0.842 0.110 62.34) | #ffbb7e | hsl(28, 100%, 75%) |
|
|
500 | oklch(0.821 0.126 61.89) | #ffb16a | hsl(29, 100%, 71%) |
|
|
600 | oklch(0.760 0.169 57.15) | #ff912c | hsl(29, 100%, 59%) |
|
|
700 | oklch(0.684 0.179 50.59) | #ed7100 | hsl(29, 100%, 46%) |
|
|
800 | oklch(0.547 0.142 51.37) | #af5300 | hsl(28, 100%, 34%) |
|
|
900 | oklch(0.403 0.101 53.85) | #713600 | hsl(29, 100%, 22%) |
|
|
950 | oklch(0.243 0.057 59.83) | #331800 | hsl(28, 100%, 10%) |
|
50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
200 | oklch(0.943 0.000 89.88) | #ececec | hsl(0, 0%, 93%) |
|
|
300 | oklch(0.952 0.000 89.88) | #efefef | hsl(0, 0%, 94%) |
|
|
400 | oklch(0.961 0.000 89.88) | #f2f2f2 | hsl(0, 0%, 95%) |
|
|
500 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
600 | oklch(0.836 0.000 89.88) | #c9c9c9 | hsl(0, 0%, 79%) |
|
|
700 | oklch(0.696 0.000 89.88) | #9d9d9d | hsl(0, 0%, 62%) |
|
|
800 | oklch(0.549 0.000 89.88) | #717171 | hsl(0, 0%, 44%) |
|
|
900 | oklch(0.390 0.000 89.88) | #454545 | hsl(0, 0%, 27%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection