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 romance palette featuring Soft Red, Pale Orange, Dark Muted 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 |
|---|---|---|---|---|---|
#CC8B86 | rgb(204, 139, 134) | hsl(4, 41%, 66%) | Soft Red | View | |
#F9EAE1 | rgb(249, 234, 225) | hsl(22, 67%, 93%) | Pale Orange | View | |
#7D4F50 | rgb(125, 79, 80) | hsl(359, 23%, 40%) | Dark Muted Red | View | |
#D1BE9C | rgb(209, 190, 156) | hsl(38, 37%, 72%) | Light Muted Amber | View | |
#AA998F | rgb(170, 153, 143) | hsl(22, 14%, 61%) | Dusty Orange | View |
This green-dominant palette evokes a sense of balance and professionalism.
The combination of Soft Red and Pale Orange creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #CC8B86;
--color-2: #F9EAE1;
--color-3: #7D4F50;
--color-4: #D1BE9C;
--color-5: #AA998F;
}Palettes that share visual characteristics and color harmony.