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 Midnight Navy, Dark Soft Navy, Soft Navy. 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 |
|---|---|---|---|---|---|
#241D49 | rgb(36, 29, 73) | hsl(250, 43%, 20%) | Midnight Navy | View | |
#403380 | rgb(64, 51, 128) | hsl(250, 43%, 35%) | Dark Soft Navy | View | |
#5B49B6 | rgb(91, 73, 182) | hsl(250, 43%, 50%) | Soft Navy | View | |
#8C7FCC | rgb(140, 127, 204) | hsl(250, 43%, 65%) | Soft Navy | View | |
#BDB6E2 | rgb(189, 182, 226) | hsl(250, 43%, 80%) | Light Soft Navy | View |
A sophisticated and deep Midnight Navy scheme that projects authority and timeless stability.
Utilizing Midnight Navy 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: #241D49;
--color-2: #403380;
--color-3: #5B49B6;
--color-4: #8C7FCC;
--color-5: #BDB6E2;
}Palettes that share visual characteristics and color harmony.