Palette · 7 colors · Lc 9.4
Muted Night Mode Drift palette
Muted Night Mode Drift: a 7-color palette (Violet, Cold, Monochromatic, 7 Colors). HEX, RGB, HSL and OKLCH for #06090F, #1B2C42, #1D4B7B, #4B78A8, #6C95CB, #A8C7F0, #DDEDFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Monochromatic
- 7 Colors
bg
#06090F
surface
#1B2C42
muted
#1D4B7B
primary
#4B78A8
secondary
#6C95CB
accent
#A8C7F0
text
#DDEDFF
Colors in Muted Night Mode Drift: HEX, RGB, HSL & OKLCH
- #06090F color page →
bg
#06090F
- RGB
- rgb(6 9 15)
- HSL
- hsl(220 43% 4%)
- OKLCH
- oklch(0.139 0.015 260.7)
WCAG contrast: on white 19.92:1 (AAA) · on black 1.05:1 (Fail)
- #1B2C42 color page →
surface
#1B2C42
- RGB
- rgb(27 44 66)
- HSL
- hsl(214 42% 18%)
- OKLCH
- oklch(0.29 0.046 255.3)
WCAG contrast: on white 14.13:1 (AAA) · on black 1.48:1 (Fail)
- #1D4B7B color page →
muted
#1D4B7B
- RGB
- rgb(29 75 123)
- HSL
- hsl(211 62% 30%)
- OKLCH
- oklch(0.407 0.095 252.1)
WCAG contrast: on white 8.95:1 (AAA) · on black 2.34:1 (Fail)
- #4B78A8 color page →
primary
#4B78A8
- RGB
- rgb(75 120 168)
- HSL
- hsl(211 38% 48%)
- OKLCH
- oklch(0.561 0.09 251.2)
WCAG contrast: on white 4.61:1 (AA) · on black 4.55:1 (AA)
- #6C95CB color page →
secondary
#6C95CB
- RGB
- rgb(108 149 203)
- HSL
- hsl(214 48% 61%)
- OKLCH
- oklch(0.662 0.093 255.6)
WCAG contrast: on white 3.08:1 (Fail) · on black 6.79:1 (AA)
- #A8C7F0 color page →
accent
#A8C7F0
- RGB
- rgb(168 199 240)
- HSL
- hsl(214 71% 80%)
- OKLCH
- oklch(0.821 0.067 255.5)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.09:1 (AAA)
- #DDEDFF color page →
text
#DDEDFF
- RGB
- rgb(221 237 255)
- HSL
- hsl(212 100% 93%)
- OKLCH
- oklch(0.94 0.03 251.3)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.63:1 (AAA)
Export Muted Night Mode Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #06090f;
--surface: #1b2c42;
--muted: #1d4b7b;
--primary: #4b78a8;
--secondary: #6c95cb;
--accent: #a8c7f0;
--text: #ddedff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #06090f;
--color-surface: #1b2c42;
--color-muted: #1d4b7b;
--color-primary: #4b78a8;
--color-secondary: #6c95cb;
--color-accent: #a8c7f0;
--color-text: #ddedff;
}JSON (DTCG tokens)
{
"muted-night-mode-drift-1lm": {
"bg": {
"$type": "color",
"$value": "#06090f"
},
"surface": {
"$type": "color",
"$value": "#1b2c42"
},
"muted": {
"$type": "color",
"$value": "#1d4b7b"
},
"primary": {
"$type": "color",
"$value": "#4b78a8"
},
"secondary": {
"$type": "color",
"$value": "#6c95cb"
},
"accent": {
"$type": "color",
"$value": "#a8c7f0"
},
"text": {
"$type": "color",
"$value": "#ddedff"
}
}
}About this palette
Muted Night Mode Drift is a 7-color OKLCH-ready palette tagged violet, cold, monochromatic, 7 colors. Hex values: #06090F, #1B2C42, #1D4B7B, #4B78A8, #6C95CB, #A8C7F0, #DDEDFF. APCA contrast score Lc 9.4. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Muted Night Mode Drift by OKLab color distance.