Nordic Palette
Cool Nordic-inspired dark theme (Nord)
Color Swatches
#2E3440rgb(46, 52, 64)
#3B4252rgb(59, 66, 82)
#434C5Ergb(67, 76, 94)
#4C566Argb(76, 86, 106)
#D8DEE9rgb(216, 222, 233)
CSS Variables
:root {
--palette-1: #2E3440;
--palette-2: #3B4252;
--palette-3: #434C5E;
--palette-4: #4C566A;
--palette-5: #D8DEE9;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#2E3440",
2: "#3B4252",
3: "#434C5E",
4: "#4C566A",
5: "#D8DEE9",
},
},
},
},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