Palette · 9 colors · Lc 9.2
Loch Ness Canvas palette
Loch Ness Canvas: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #DFEEFF, #78A5D0, #696DC2, #874888, #983F38, #825C00, #376935, #00484A, #040B17, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#DFEEFF
surface
#78A5D0
muted
#696DC2
primary
#874888
secondary
#983F38
accent
#825C00
highlight
#376935
border
#00484A
text
#040B17
Colors in Loch Ness Canvas: HEX, RGB, HSL & OKLCH
- #DFEEFF color page →
bg
#DFEEFF
- RGB
- rgb(223 238 255)
- HSL
- hsl(212 100% 94%)
- OKLCH
- oklch(0.943 0.028 251.5)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.81:1 (AAA)
- #78A5D0 color page →
surface
#78A5D0
- RGB
- rgb(120 165 208)
- HSL
- hsl(209 48% 64%)
- OKLCH
- oklch(0.706 0.08 247.9)
WCAG contrast: on white 2.59:1 (Fail) · on black 8.09:1 (AAA)
- #696DC2 color page →
muted
#696DC2
- RGB
- rgb(105 109 194)
- HSL
- hsl(237 42% 59%)
- OKLCH
- oklch(0.571 0.129 279.4)
WCAG contrast: on white 4.59:1 (AA) · on black 4.56:1 (AA)
- #874888 color page →
primary
#874888
- RGB
- rgb(135 72 136)
- HSL
- hsl(299 31% 41%)
- OKLCH
- oklch(0.502 0.122 326.6)
WCAG contrast: on white 6.33:1 (AA) · on black 3.31:1 (Fail)
- #983F38 color page →
secondary
#983F38
- RGB
- rgb(152 63 56)
- HSL
- hsl(4 46% 41%)
- OKLCH
- oklch(0.486 0.121 27)
WCAG contrast: on white 6.76:1 (AA) · on black 3.10:1 (Fail)
- #825C00 color page →
accent
#825C00
- RGB
- rgb(130 92 0)
- HSL
- hsl(42 100% 25%)
- OKLCH
- oklch(0.502 0.104 80.5)
WCAG contrast: on white 6.03:1 (AA) · on black 3.48:1 (Fail)
- #376935 color page →
highlight
#376935
- RGB
- rgb(55 105 53)
- HSL
- hsl(118 33% 31%)
- OKLCH
- oklch(0.472 0.097 143.1)
WCAG contrast: on white 6.49:1 (AA) · on black 3.23:1 (Fail)
- #00484A color page →
border
#00484A
- RGB
- rgb(0 72 74)
- HSL
- hsl(182 100% 15%)
- OKLCH
- oklch(0.365 0.062 198)
WCAG contrast: on white 10.36:1 (AAA) · on black 2.02:1 (Fail)
- #040B17 color page →
text
#040B17
- RGB
- rgb(4 11 23)
- HSL
- hsl(218 70% 5%)
- OKLCH
- oklch(0.149 0.029 256.9)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export Loch Ness Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dfeeff;
--surface: #78a5d0;
--muted: #696dc2;
--primary: #874888;
--secondary: #983f38;
--accent: #825c00;
--highlight: #376935;
--border: #00484a;
--text: #040b17;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dfeeff;
--color-surface: #78a5d0;
--color-muted: #696dc2;
--color-primary: #874888;
--color-secondary: #983f38;
--color-accent: #825c00;
--color-highlight: #376935;
--color-border: #00484a;
--color-text: #040b17;
}JSON (DTCG tokens)
{
"loch-ness-canvas-1wf": {
"bg": {
"$type": "color",
"$value": "#dfeeff"
},
"surface": {
"$type": "color",
"$value": "#78a5d0"
},
"muted": {
"$type": "color",
"$value": "#696dc2"
},
"primary": {
"$type": "color",
"$value": "#874888"
},
"secondary": {
"$type": "color",
"$value": "#983f38"
},
"accent": {
"$type": "color",
"$value": "#825c00"
},
"highlight": {
"$type": "color",
"$value": "#376935"
},
"border": {
"$type": "color",
"$value": "#00484a"
},
"text": {
"$type": "color",
"$value": "#040b17"
}
}
}About this palette
Loch Ness Canvas is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #DFEEFF, #78A5D0, #696DC2, #874888, #983F38, #825C00, #376935, #00484A, #040B17. APCA contrast score Lc 9.2. 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 Canvas by OKLab color distance.