Vibrant Warmth Color Palette
This vibrant palette bursts with warmth and playfulness, featuring a bold coral red (#e85a50) that dances joyfully with soft pastel yellows (#feffd6, #fdf37a) and refreshing teal (#5bb7b6), all grounded by a striking black (#010002) for an edgy, modern twist.
Practical uses and creative applications
The Vibrant Warmth Color Palette is a striking combination that effortlessly infuses energy and positivity into any design project. Featuring a bold red (#e85a50), a soft, sunny yellow (#fdf37a), and a refreshing teal (#5bb7b6), this palette is perfect for branding that aims to evoke warmth and approachability.
Ideal for creative industries such as food, wellness, and lifestyle, these colors can help establish a strong emotional connection with your audience, making them perfect for web design, packaging, and marketing materials. This palette is particularly suited for designers and creatives looking to capture a playful yet sophisticated vibe.
Its dynamic range of colors allows for versatile applications: use the vibrant red and teal for eye-catching call-to-action buttons in web design, or incorporate the soft yellow into packaging that stands out on shelves. Whether you’re designing a cozy café's brand identity or refreshing an interior space with cheerful accents, the Vibrant Warmth Color Palette brings a sense of joy and positivity that resonates with a wide audience.
Embrace this palette to create memorable experiences that leave a lasting impression.
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.902 0.041 23.57) | #f9d5d2 | hsl(5, 76%, 90%) |
|
|
| 100 | oklch(0.847 0.068 23.12) | #f6bcb8 | hsl(4, 78%, 84%) |
|
|
| 200 | oklch(0.793 0.094 24.25) | #f2a49e | hsl(4, 76%, 78%) |
|
|
| 300 | oklch(0.742 0.123 24.71) | #ef8b84 | hsl(4, 77%, 73%) |
|
|
| 400 | oklch(0.694 0.150 26.05) | #eb736a | hsl(4, 76%, 67%) |
|
|
| 500 | oklch(0.651 0.178 27.15) | #e85a50 | hsl(4, 77%, 61%) |
|
|
| 600 | oklch(0.594 0.215 29.40) | #e22f22 | hsl(4, 77%, 51%) |
|
|
| 700 | oklch(0.506 0.185 29.50) | #b72318 | hsl(4, 77%, 41%) |
|
|
| 800 | oklch(0.411 0.147 29.29) | #891a12 | hsl(4, 77%, 30%) |
|
|
| 900 | oklch(0.311 0.107 28.80) | #5b110c | hsl(4, 77%, 20%) |
|
|
| 950 | oklch(0.204 0.060 29.01) | #2d0906 | hsl(5, 76%, 10%) |
|
dsfds
| 50 | oklch(0.987 0.065 108.47) | #feffcc | hsl(61, 100%, 90%) |
|
|
| 100 | oklch(0.987 0.063 108.47) | #feffce | hsl(61, 100%, 90%) |
|
|
| 200 | oklch(0.988 0.060 108.46) | #feffd0 | hsl(61, 100%, 91%) |
|
|
| 300 | oklch(0.988 0.058 108.46) | #feffd2 | hsl(61, 100%, 91%) |
|
|
| 400 | oklch(0.988 0.055 108.47) | #feffd4 | hsl(61, 100%, 92%) |
|
|
| 500 | oklch(0.989 0.053 108.48) | #feffd6 | hsl(61, 100%, 92%) |
|
|
| 600 | oklch(0.973 0.148 110.09) | #fcff82 | hsl(61, 100%, 75%) |
|
|
| 700 | oklch(0.965 0.203 111.16) | #faff2f | hsl(61, 100%, 59%) |
|
|
| 800 | oklch(0.856 0.189 111.45) | #d5da00 | hsl(61, 100%, 43%) |
|
|
| 900 | oklch(0.600 0.133 111.86) | #838700 | hsl(62, 100%, 26%) |
|
|
| 950 | oklch(0.310 0.068 110.97) | #323300 | hsl(61, 100%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.020 196.82) | #dcefef | hsl(180, 37%, 90%) |
|
|
| 100 | oklch(0.894 0.036 196.53) | #c2e4e4 | hsl(180, 39%, 83%) |
|
|
| 200 | oklch(0.851 0.051 194.68) | #a8d9d8 | hsl(179, 39%, 75%) |
|
|
| 300 | oklch(0.808 0.065 194.70) | #8ececd | hsl(179, 40%, 68%) |
|
|
| 400 | oklch(0.764 0.076 194.60) | #75c2c1 | hsl(179, 39%, 61%) |
|
|
| 500 | oklch(0.723 0.088 194.44) | #5bb7b6 | hsl(179, 39%, 54%) |
|
|
| 600 | oklch(0.649 0.085 194.26) | #469f9e | hsl(179, 39%, 45%) |
|
|
| 700 | oklch(0.555 0.072 195.29) | #388080 | hsl(180, 39%, 36%) |
|
|
| 800 | oklch(0.456 0.057 195.34) | #2b6161 | hsl(180, 39%, 27%) |
|
|
| 900 | oklch(0.352 0.042 195.40) | #1d4242 | hsl(180, 39%, 19%) |
|
|
| 950 | oklch(0.240 0.025 195.62) | #102323 | hsl(180, 37%, 10%) |
|
dsfds
| 50 | oklch(0.883 0.074 307.95) | #e6ccff | hsl(271, 100%, 90%) |
|
|
| 100 | oklch(0.686 0.207 304.60) | #b871ff | hsl(270, 100%, 72%) |
|
|
| 200 | oklch(0.547 0.288 296.76) | #8a15ff | hsl(270, 100%, 54%) |
|
|
| 300 | oklch(0.418 0.230 294.36) | #5c00b9 | hsl(270, 100%, 36%) |
|
|
| 400 | oklch(0.260 0.141 297.62) | #2f005d | hsl(270, 100%, 18%) |
|
|
| 500 | oklch(0.051 0.026 311.99) | #010002 | hsl(270, 100%, 0%) |
|
|
| 600 | oklch(0.093 0.047 311.78) | #06000c | hsl(270, 100%, 2%) |
|
|
| 700 | oklch(0.117 0.060 307.86) | #0b0016 | hsl(270, 100%, 4%) |
|
|
| 800 | oklch(0.138 0.071 305.66) | #10001f | hsl(271, 100%, 6%) |
|
|
| 900 | oklch(0.159 0.083 303.21) | #150029 | hsl(271, 100%, 8%) |
|
|
| 950 | oklch(0.179 0.095 301.47) | #1a0033 | hsl(271, 100%, 10%) |
|
dsfds
| 50 | oklch(0.977 0.058 103.21) | #fefacd | hsl(55, 96%, 90%) |
|
|
| 100 | oklch(0.972 0.078 103.82) | #fef9bc | hsl(55, 97%, 87%) |
|
|
| 200 | oklch(0.965 0.094 103.48) | #fef7ac | hsl(55, 98%, 84%) |
|
|
| 300 | oklch(0.959 0.112 104.51) | #fdf69b | hsl(56, 96%, 80%) |
|
|
| 400 | oklch(0.952 0.127 104.22) | #fdf48b | hsl(55, 97%, 77%) |
|
|
| 500 | oklch(0.948 0.143 104.51) | #fdf37a | hsl(55, 97%, 74%) |
|
|
| 600 | oklch(0.930 0.183 104.36) | #fced3a | hsl(55, 97%, 61%) |
|
|
| 700 | oklch(0.893 0.188 103.62) | #f2e004 | hsl(55, 97%, 48%) |
|
|
| 800 | oklch(0.711 0.149 103.86) | #b2a503 | hsl(56, 97%, 35%) |
|
|
| 900 | oklch(0.515 0.108 104.33) | #726a02 | hsl(56, 97%, 23%) |
|
|
| 950 | oklch(0.296 0.062 104.25) | #322e01 | hsl(55, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
