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 happiness palette featuring Pale Pure Yellow, Pale Vibrant Orange, Pale Vibrant Red.
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 |
|---|---|---|---|---|---|
#FBF8CC | rgb(251, 248, 204) | hsl(56, 85%, 89%) | Pale Pure Yellow | View | |
#FDE4CF | rgb(253, 228, 207) | hsl(27, 92%, 90%) | Pale Vibrant Orange | View | |
#FFCFD2 | rgb(255, 207, 210) | hsl(356, 100%, 91%) | Pale Vibrant Red | View | |
#F1C0E8 | rgb(241, 192, 232) | hsl(311, 64%, 85%) | Light Pink | View | |
#CFBAF0 | rgb(207, 186, 240) | hsl(263, 64%, 84%) | Light Navy | View | |
#A3C4F3 | rgb(163, 196, 243) | hsl(215, 77%, 80%) | Light Pure Blue | View | |
#90DBF4 | rgb(144, 219, 244) | hsl(195, 82%, 76%) | Light Pure Sky Blue | View | |
#8EECF5 | rgb(142, 236, 245) | hsl(185, 84%, 76%) | Light Pure Sky Blue | View | |
#98F5E1 | rgb(152, 245, 225) | hsl(167, 82%, 78%) | Light Pure Cyan | View | |
#B9FBC0 | rgb(185, 251, 192) | hsl(126, 89%, 85%) | Light Pure Green | View |
This cyan-dominant palette evokes a sense of balance and professionalism.
The combination of Pale Pure Yellow and Pale Vibrant Orange creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #FBF8CC;
--color-2: #FDE4CF;
--color-3: #FFCFD2;
--color-4: #F1C0E8;
--color-5: #CFBAF0;
--color-6: #A3C4F3;
--color-7: #90DBF4;
--color-8: #8EECF5;
--color-9: #98F5E1;
--color-10: #B9FBC0;
}Palettes that share visual characteristics and color harmony.