Midnight Palette
Dark moody tones for night themes
Color Swatches
#0D1B2Argb(13, 27, 42)
#1B2838rgb(27, 40, 56)
#2C3E50rgb(44, 62, 80)
#34495Ergb(52, 73, 94)
#5D6D7Ergb(93, 109, 126)
CSS Variables
:root {
--palette-1: #0D1B2A;
--palette-2: #1B2838;
--palette-3: #2C3E50;
--palette-4: #34495E;
--palette-5: #5D6D7E;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#0D1B2A",
2: "#1B2838",
3: "#2C3E50",
4: "#34495E",
5: "#5D6D7E",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility