Palette · 10 colors · Lc 8.9
Steady Loch Ness Dune palette
Steady Loch Ness Dune: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #DDF5FB, #9BBFC9, #5398AB, #5C71A2, #7D5873, #905A58, #815136, #6C5932, #1E3726, #00111A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DDF5FB
surface
#9BBFC9
muted
#5398AB
primary
#5C71A2
secondary
#7D5873
accent
#905A58
highlight
#815136
border
#6C5932
focus
#1E3726
text
#00111A
Colors in Steady Loch Ness Dune: HEX, RGB, HSL & OKLCH
- #DDF5FB color page →
bg
#DDF5FB
- RGB
- rgb(221 245 251)
- HSL
- hsl(192 79% 93%)
- OKLCH
- oklch(0.954 0.026 214.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.52:1 (AAA)
- #9BBFC9 color page →
surface
#9BBFC9
- RGB
- rgb(155 191 201)
- HSL
- hsl(193 30% 70%)
- OKLCH
- oklch(0.782 0.041 216.5)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.68:1 (AAA)
- #5398AB color page →
muted
#5398AB
- RGB
- rgb(83 152 171)
- HSL
- hsl(193 35% 50%)
- OKLCH
- oklch(0.642 0.075 217.8)
WCAG contrast: on white 3.25:1 (Fail) · on black 6.44:1 (AA)
- #5C71A2 color page →
primary
#5C71A2
- RGB
- rgb(92 113 162)
- HSL
- hsl(222 28% 50%)
- OKLCH
- oklch(0.552 0.081 266)
WCAG contrast: on white 4.84:1 (AA) · on black 4.33:1 (Fail)
- #7D5873 color page →
secondary
#7D5873
- RGB
- rgb(125 88 115)
- HSL
- hsl(316 17% 42%)
- OKLCH
- oklch(0.509 0.062 336.7)
WCAG contrast: on white 5.97:1 (AA) · on black 3.51:1 (Fail)
- #905A58 color page →
accent
#905A58
- RGB
- rgb(144 90 88)
- HSL
- hsl(2 24% 45%)
- OKLCH
- oklch(0.527 0.072 22.1)
WCAG contrast: on white 5.54:1 (AA) · on black 3.78:1 (Fail)
- #815136 color page →
highlight
#815136
- RGB
- rgb(129 81 54)
- HSL
- hsl(22 41% 36%)
- OKLCH
- oklch(0.483 0.076 49.6)
WCAG contrast: on white 6.63:1 (AA) · on black 3.16:1 (Fail)
- #6C5932 color page →
border
#6C5932
- RGB
- rgb(108 89 50)
- HSL
- hsl(40 37% 31%)
- OKLCH
- oklch(0.474 0.061 84.2)
WCAG contrast: on white 6.74:1 (AA) · on black 3.11:1 (Fail)
- #1E3726 color page →
focus
#1E3726
- RGB
- rgb(30 55 38)
- HSL
- hsl(139 29% 17%)
- OKLCH
- oklch(0.311 0.044 153.4)
WCAG contrast: on white 12.88:1 (AAA) · on black 1.62:1 (Fail)
- #00111A color page →
text
#00111A
- RGB
- rgb(0 17 26)
- HSL
- hsl(201 100% 5%)
- OKLCH
- oklch(0.166 0.033 229.7)
WCAG contrast: on white 19.17:1 (AAA) · on black 1.09:1 (Fail)
Export Steady Loch Ness Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ddf5fb;
--surface: #9bbfc9;
--muted: #5398ab;
--primary: #5c71a2;
--secondary: #7d5873;
--accent: #905a58;
--highlight: #815136;
--border: #6c5932;
--focus: #1e3726;
--text: #00111a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ddf5fb;
--color-surface: #9bbfc9;
--color-muted: #5398ab;
--color-primary: #5c71a2;
--color-secondary: #7d5873;
--color-accent: #905a58;
--color-highlight: #815136;
--color-border: #6c5932;
--color-focus: #1e3726;
--color-text: #00111a;
}JSON (DTCG tokens)
{
"steady-loch-ness-dune-7hr": {
"bg": {
"$type": "color",
"$value": "#ddf5fb"
},
"surface": {
"$type": "color",
"$value": "#9bbfc9"
},
"muted": {
"$type": "color",
"$value": "#5398ab"
},
"primary": {
"$type": "color",
"$value": "#5c71a2"
},
"secondary": {
"$type": "color",
"$value": "#7d5873"
},
"accent": {
"$type": "color",
"$value": "#905a58"
},
"highlight": {
"$type": "color",
"$value": "#815136"
},
"border": {
"$type": "color",
"$value": "#6c5932"
},
"focus": {
"$type": "color",
"$value": "#1e3726"
},
"text": {
"$type": "color",
"$value": "#00111a"
}
}
}About this palette
Steady Loch Ness Dune is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #DDF5FB, #9BBFC9, #5398AB, #5C71A2, #7D5873, #905A58, #815136, #6C5932, #1E3726, #00111A. APCA contrast score Lc 8.9. 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 Steady Loch Ness Dune by OKLab color distance.