Palette · 3 colors · Lc 9.3
Loch Ness Noir palette
Loch Ness Noir: a 3-color palette (Violet, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #EAF1FF, #5D74A9, #080C13, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Gray
- Cold
- Monochromatic
- 3 Colors
bg
#EAF1FF
accent
#5D74A9
text
#080C13
Colors in Loch Ness Noir: HEX, RGB, HSL & OKLCH
- #EAF1FF color page →
bg
#EAF1FF
- RGB
- rgb(234 241 255)
- HSL
- hsl(220 100% 96%)
- OKLCH
- oklch(0.957 0.02 264.5)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.52:1 (AAA)
- #5D74A9 color page →
accent
#5D74A9
- RGB
- rgb(93 116 169)
- HSL
- hsl(222 31% 51%)
- OKLCH
- oklch(0.563 0.087 265.8)
WCAG contrast: on white 4.62:1 (AA) · on black 4.53:1 (AA)
- #080C13 color page →
text
#080C13
- RGB
- rgb(8 12 19)
- HSL
- hsl(218 41% 5%)
- OKLCH
- oklch(0.154 0.017 260.8)
WCAG contrast: on white 19.58:1 (AAA) · on black 1.07:1 (Fail)
Export Loch Ness Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaf1ff;
--accent: #5d74a9;
--text: #080c13;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaf1ff;
--color-accent: #5d74a9;
--color-text: #080c13;
}JSON (DTCG tokens)
{
"loch-ness-noir-4hl": {
"bg": {
"$type": "color",
"$value": "#eaf1ff"
},
"accent": {
"$type": "color",
"$value": "#5d74a9"
},
"text": {
"$type": "color",
"$value": "#080c13"
}
}
}About this palette
Loch Ness Noir is a 3-color OKLCH-ready palette tagged violet, gray, cold, monochromatic, 3 colors. Hex values: #EAF1FF, #5D74A9, #080C13. APCA contrast score Lc 9.3. 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 Loch Ness Noir by OKLab color distance.