Bold Passion Color Palette
This palette exudes a bold, passionate energy with deep burgundy, vibrant magenta, fiery crimson, zesty coral, and a sunny tangerine, perfect for a dramatic and lively atmosphere.
Practical uses and creative applications
The Bold Passion Color Palette is an electrifying combination of deep reds and vibrant oranges, perfect for those looking to evoke strong emotions and capture attention. With rich hues like #331327, a deep burgundy, and #991766, a striking magenta, this palette is ideal for branding that seeks to make a memorable impact.
Whether you’re designing a logo for a passionate startup or creating marketing materials that resonate with your audience, these colors will create a sense of urgency and excitement. This palette is particularly suitable for web design, where striking visuals are crucial for user engagement.
The fiery shades of #d90f5a, #f34739, and the lively #ff6e27 can be utilized to draw the eye to calls-to-action, making them perfect for e-commerce sites or creative portfolios. Designers and creatives can leverage this palette to set a bold tone in interiors as well, transforming spaces into dynamic environments that inspire creativity and passion.
Whether you’re crafting a vibrant workspace or curating a trendy café, the Bold Passion Color Palette is a go-to choice for those wanting to infuse their projects with energy and 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.
dsfds
50 | oklch(0.911 0.031 340.58) | #f1dae8 | hsl(323, 45%, 90%) |
|
|
100 | oklch(0.776 0.085 341.22) | #dca1c6 | hsl(322, 46%, 75%) |
|
|
200 | oklch(0.646 0.140 343.13) | #c768a4 | hsl(322, 46%, 59%) |
|
|
300 | oklch(0.523 0.154 344.91) | #a43d7e | hsl(322, 46%, 44%) |
|
|
400 | oklch(0.390 0.110 345.33) | #6c2852 | hsl(323, 46%, 29%) |
|
|
500 | oklch(0.244 0.059 344.05) | #331327 | hsl(323, 46%, 14%) |
|
|
600 | oklch(0.236 0.057 343.51) | #301225 | hsl(322, 45%, 13%) |
|
|
700 | oklch(0.228 0.054 342.90) | #2d1123 | hsl(321, 45%, 12%) |
|
|
800 | oklch(0.222 0.052 343.57) | #2b1021 | hsl(322, 46%, 12%) |
|
|
900 | oklch(0.214 0.049 342.91) | #280f1f | hsl(322, 45%, 11%) |
|
|
950 | oklch(0.205 0.045 344.36) | #250e1c | hsl(323, 45%, 10%) |
|
dsfds
50 | oklch(0.905 0.051 340.43) | #f8d3ea | hsl(323, 73%, 90%) |
|
|
100 | oklch(0.802 0.113 342.57) | #f1a1d2 | hsl(323, 74%, 79%) |
|
|
200 | oklch(0.711 0.172 345.01) | #ea70ba | hsl(324, 74%, 68%) |
|
|
300 | oklch(0.636 0.219 347.88) | #e23fa2 | hsl(324, 74%, 57%) |
|
|
400 | oklch(0.563 0.219 350.03) | #ca1e87 | hsl(323, 74%, 45%) |
|
|
500 | oklch(0.460 0.177 349.82) | #991766 | hsl(324, 74%, 35%) |
|
|
600 | oklch(0.413 0.157 349.23) | #831458 | hsl(323, 74%, 30%) |
|
|
700 | oklch(0.365 0.137 349.47) | #6e1049 | hsl(324, 75%, 25%) |
|
|
800 | oklch(0.315 0.116 348.57) | #580d3b | hsl(323, 74%, 20%) |
|
|
900 | oklch(0.262 0.093 348.27) | #420a2c | hsl(324, 74%, 15%) |
|
|
950 | oklch(0.207 0.068 346.25) | #2c071e | hsl(323, 73%, 10%) |
|
dsfds
50 | oklch(0.898 0.055 353.60) | #fccfe0 | hsl(337, 88%, 90%) |
|
|
100 | oklch(0.813 0.106 355.95) | #f9a5c4 | hsl(338, 88%, 81%) |
|
|
200 | oklch(0.734 0.159 358.29) | #f67aa8 | hsl(338, 87%, 72%) |
|
|
300 | oklch(0.670 0.204 1.80) | #f3508c | hsl(338, 87%, 63%) |
|
|
400 | oklch(0.625 0.234 6.36) | #f02571 | hsl(338, 87%, 54%) |
|
|
500 | oklch(0.570 0.223 9.51) | #d90f5a | hsl(338, 87%, 45%) |
|
|
600 | oklch(0.503 0.195 9.08) | #b70d4c | hsl(338, 87%, 38%) |
|
|
700 | oklch(0.433 0.168 8.41) | #950a3e | hsl(338, 87%, 31%) |
|
|
800 | oklch(0.361 0.138 7.50) | #730830 | hsl(338, 87%, 24%) |
|
|
900 | oklch(0.287 0.107 6.38) | #520622 | hsl(338, 86%, 17%) |
|
|
950 | oklch(0.205 0.075 2.72) | #300314 | hsl(337, 88%, 10%) |
|
dsfds
50 | oklch(0.899 0.048 22.88) | #fcd2cf | hsl(4, 88%, 90%) |
|
|
100 | oklch(0.838 0.080 23.66) | #fab6b1 | hsl(4, 88%, 84%) |
|
|
200 | oklch(0.782 0.113 25.27) | #f89b93 | hsl(5, 88%, 77%) |
|
|
300 | oklch(0.730 0.149 26.25) | #f77f75 | hsl(5, 89%, 71%) |
|
|
400 | oklch(0.683 0.182 27.56) | #f56357 | hsl(5, 89%, 65%) |
|
|
500 | oklch(0.645 0.211 28.93) | #f34739 | hsl(5, 89%, 59%) |
|
|
600 | oklch(0.601 0.234 29.94) | #ec1f0e | hsl(5, 89%, 49%) |
|
|
700 | oklch(0.510 0.197 29.99) | #bd190b | hsl(5, 89%, 39%) |
|
|
800 | oklch(0.415 0.158 29.88) | #8e1309 | hsl(5, 88%, 30%) |
|
|
900 | oklch(0.314 0.116 29.72) | #5f0c06 | hsl(4, 88%, 20%) |
|
|
950 | oklch(0.205 0.069 30.36) | #300603 | hsl(4, 88%, 10%) |
|
dsfds
50 | oklch(0.921 0.044 48.22) | #ffddcc | hsl(20, 100%, 90%) |
|
|
100 | oklch(0.873 0.075 47.85) | #ffc7ab | hsl(20, 100%, 84%) |
|
|
200 | oklch(0.824 0.106 46.49) | #ffb08a | hsl(19, 100%, 77%) |
|
|
300 | oklch(0.781 0.137 46.01) | #ff9a69 | hsl(20, 100%, 71%) |
|
|
400 | oklch(0.742 0.167 44.90) | #ff8448 | hsl(20, 100%, 64%) |
|
|
500 | oklch(0.708 0.193 42.76) | #ff6e27 | hsl(20, 100%, 58%) |
|
|
600 | oklch(0.655 0.211 38.72) | #f55100 | hsl(20, 100%, 48%) |
|
|
700 | oklch(0.558 0.178 39.22) | #c54100 | hsl(20, 100%, 39%) |
|
|
800 | oklch(0.455 0.142 40.22) | #943100 | hsl(20, 100%, 29%) |
|
|
900 | oklch(0.347 0.105 41.97) | #642100 | hsl(20, 100%, 20%) |
|
|
950 | oklch(0.229 0.063 47.64) | #331100 | hsl(20, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.