Loading
Preparing the next color view
Building palettes, metadata, and layout pieces for this route.
Building palettes, metadata, and layout pieces for this route.
A trending palette featuring Vibrant Red, Vibrant Pink, Vibrant Pink.
See how this palette performs in real-world UI mockups.
Experience the perfect harmony of colors calculated for your brand identity.
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#FB0030 | rgb(251, 0, 48) | hsl(349, 100%, 49%) | Vibrant Red | View | |
#FF119F | rgb(255, 17, 159) | hsl(324, 100%, 53%) | Vibrant Pink | View | |
#FB3374 | rgb(251, 51, 116) | hsl(341, 96%, 59%) | Vibrant Pink | View | |
#F68551 | rgb(246, 133, 81) | hsl(19, 90%, 64%) | Pure Orange | View | |
#FFAD01 | rgb(255, 173, 1) | hsl(41, 100%, 50%) | Vibrant Amber | View | |
#008017 | rgb(0, 128, 23) | hsl(131, 100%, 25%) | Forest Green | View | |
#68B6DC | rgb(104, 182, 220) | hsl(200, 62%, 64%) | Blue | View | |
#2F45D6 | rgb(47, 69, 214) | hsl(232, 67%, 51%) | Blue | View | |
#7F66E8 | rgb(127, 102, 232) | hsl(252, 74%, 65%) | Navy | View |
This blue-dominant palette evokes a sense of balance and professionalism.
The combination of Vibrant Red and Vibrant Pink creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #FB0030;
--color-2: #FF119F;
--color-3: #FB3374;
--color-4: #F68551;
--color-5: #FFAD01;
--color-6: #008017;
--color-7: #68B6DC;
--color-8: #2F45D6;
--color-9: #7F66E8;
}Palettes that share visual characteristics and color harmony.