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 5-color combination featuring Light Vibrant Green, Light Vibrant Emerald, Light Vibrant Emerald. Perfect for UI design, branding identities, and digital illustrations.
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 |
|---|---|---|---|---|---|
#80FF9B | rgb(128, 255, 155) | hsl(133, 100%, 75%) | Light Vibrant Green | View | |
#80FFBB | rgb(128, 255, 187) | hsl(148, 100%, 75%) | Light Vibrant Emerald | View | |
#80FFDB | rgb(128, 255, 219) | hsl(163, 100%, 75%) | Light Vibrant Emerald | View | |
#80FFFB | rgb(128, 255, 251) | hsl(178, 100%, 75%) | Light Vibrant Cyan | View | |
#80E3FF | rgb(128, 227, 255) | hsl(193, 100%, 75%) | Light Vibrant Sky Blue | View |
This cyan-dominant palette evokes a sense of balance and professionalism.
The combination of Light Vibrant Green and Light Vibrant Emerald creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #80FF9B;
--color-2: #80FFBB;
--color-3: #80FFDB;
--color-4: #80FFFB;
--color-5: #80E3FF;
}Palettes that share visual characteristics and color harmony.