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 adventure palette featuring Midnight, Dark Sky Blue, Pale Vibrant Amber.
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 |
|---|---|---|---|---|---|
#001524 | rgb(0, 21, 36) | hsl(205, 100%, 7%) | Midnight | View | |
#15616D | rgb(21, 97, 109) | hsl(188, 68%, 25%) | Dark Sky Blue | View | |
#FFECD1 | rgb(255, 236, 209) | hsl(35, 100%, 91%) | Pale Vibrant Amber | View | |
#FF7D00 | rgb(255, 125, 0) | hsl(29, 100%, 50%) | Vibrant Orange | View | |
#78290F | rgb(120, 41, 15) | hsl(15, 78%, 26%) | Burnt Orange | View |
This green-dominant palette evokes a sense of balance and professionalism.
The combination of Midnight and Dark Sky Blue creates a refined visual hierarchy perfect for modern design projects.
:root {
--color-1: #001524;
--color-2: #15616D;
--color-3: #FFECD1;
--color-4: #FF7D00;
--color-5: #78290F;
}Palettes that share visual characteristics and color harmony.