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 power palette featuring Midnight, Deep Dusty Blue, Deep Pure 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 |
|---|---|---|---|---|---|
#0B090A | rgb(11, 9, 10) | hsl(330, 10%, 4%) | Midnight | View | |
#161A1D | rgb(22, 26, 29) | hsl(206, 14%, 10%) | Deep Dusty Blue | View | |
#660708 | rgb(102, 7, 8) | hsl(359, 87%, 21%) | Deep Pure Red | View | |
#A4161A | rgb(164, 22, 26) | hsl(358, 76%, 36%) | Dark Pure Red | View | |
#BA181B | rgb(186, 24, 27) | hsl(359, 77%, 41%) | Dark Pure Red | View | |
#E5383B | rgb(229, 56, 59) | hsl(359, 77%, 56%) | Pure Red | View | |
#B1A7A6 | rgb(177, 167, 166) | hsl(5, 7%, 67%) | Light Gray | View | |
#D3D3D3 | rgb(211, 211, 211) | hsl(0, 0%, 83%) | Light Gray | View | |
#F5F3F4 | rgb(245, 243, 244) | hsl(330, 9%, 96%) | White | View | |
#FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) | White | View |
Centered around #0B090A, this dark blue palette offers a premium, high-trust visual foundation.
Utilizing Midnight 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: #0B090A;
--color-2: #161A1D;
--color-3: #660708;
--color-4: #A4161A;
--color-5: #BA181B;
--color-6: #E5383B;
--color-7: #B1A7A6;
--color-8: #D3D3D3;
--color-9: #F5F3F4;
--color-10: #FFFFFF;
}Palettes that share visual characteristics and color harmony.