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 growth palette featuring Dark Vibrant Cyan, Dark Soft Green, Dark Soft Green.
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 |
|---|---|---|---|---|---|
#007F5F | rgb(0, 127, 95) | hsl(165, 100%, 25%) | Dark Vibrant Cyan | View | |
#2B9348 | rgb(43, 147, 72) | hsl(137, 55%, 37%) | Dark Soft Green | View | |
#55A630 | rgb(85, 166, 48) | hsl(101, 55%, 42%) | Dark Soft Green | View | |
#80B918 | rgb(128, 185, 24) | hsl(81, 77%, 41%) | Dark Pure Lime | View | |
#AACC00 | rgb(170, 204, 0) | hsl(70, 100%, 40%) | Dark Vibrant Lime | View | |
#BFD200 | rgb(191, 210, 0) | hsl(65, 100%, 41%) | Dark Vibrant Lime | View | |
#D4D700 | rgb(212, 215, 0) | hsl(61, 100%, 42%) | Dark Vibrant Yellow | View | |
#DDDF00 | rgb(221, 223, 0) | hsl(61, 100%, 44%) | Dark Vibrant Yellow | View | |
#EEEF20 | rgb(238, 239, 32) | hsl(60, 87%, 53%) | Pure Yellow | View | |
#FFFF3F | rgb(255, 255, 63) | hsl(60, 100%, 62%) | Vibrant Yellow | View |
This green-dominant palette evokes a sense of balance and professionalism.
The combination of Dark Vibrant Cyan and Dark Soft Green creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #007F5F;
--color-2: #2B9348;
--color-3: #55A630;
--color-4: #80B918;
--color-5: #AACC00;
--color-6: #BFD200;
--color-7: #D4D700;
--color-8: #DDDF00;
--color-9: #EEEF20;
--color-10: #FFFF3F;
}Palettes that share visual characteristics and color harmony.