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 Dusty Pink, Dusty Pink, Dusty Red. 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 |
|---|---|---|---|---|---|
#A18C9A | rgb(161, 140, 154) | hsl(320, 10%, 59%) | Dusty Pink | View | |
#A18C94 | rgb(161, 140, 148) | hsl(337, 10%, 59%) | Dusty Pink | View | |
#A18C8F | rgb(161, 140, 143) | hsl(351, 10%, 59%) | Dusty Red | View | |
#A18E8C | rgb(161, 142, 140) | hsl(6, 10%, 59%) | Dusty Red | View | |
#A1938C | rgb(161, 147, 140) | hsl(20, 10%, 59%) | Dusty Orange | View |
Centered around #A18C9A, this dark blue palette offers a premium, high-trust visual foundation.
Utilizing Dusty Pink for backgrounds ensures that primary CTAs and white text pop with maximum emphasis. Perfect for fintech dashboards, corporate branding, or dark-mode interfaces.
:root {
--color-1: #A18C9A;
--color-2: #A18C94;
--color-3: #A18C8F;
--color-4: #A18E8C;
--color-5: #A1938C;
}Palettes that share visual characteristics and color harmony.