Palette · 8 colors · Lc 9.9
Classic Bay View Mirror palette
Classic Bay View Mirror: a 8-color palette (Violet, Gray, Cold, Monochromatic). HEX, RGB, HSL and OKLCH for #060C14, #1F2732, #39465A, #506A84, #637EA1, #9BB0C9, #C8D4E1, #EAF3FD, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Gray
- Cold
- Monochromatic
- 8 Colors
bg
#060C14
surface
#1F2732
muted
#39465A
primary
#506A84
secondary
#637EA1
accent
#9BB0C9
highlight
#C8D4E1
text
#EAF3FD
Colors in Classic Bay View Mirror: HEX, RGB, HSL & OKLCH
- #060C14 color page →
bg
#060C14
- RGB
- rgb(6 12 20)
- HSL
- hsl(214 54% 5%)
- OKLCH
- oklch(0.152 0.02 253.7)
WCAG contrast: on white 19.61:1 (AAA) · on black 1.07:1 (Fail)
- #1F2732 color page →
surface
#1F2732
- RGB
- rgb(31 39 50)
- HSL
- hsl(215 23% 16%)
- OKLCH
- oklch(0.27 0.024 256.4)
WCAG contrast: on white 15.05:1 (AAA) · on black 1.39:1 (Fail)
- #39465A color page →
muted
#39465A
- RGB
- rgb(57 70 90)
- HSL
- hsl(216 22% 29%)
- OKLCH
- oklch(0.391 0.038 258.9)
WCAG contrast: on white 9.55:1 (AAA) · on black 2.19:1 (Fail)
- #506A84 color page →
primary
#506A84
- RGB
- rgb(80 106 132)
- HSL
- hsl(210 25% 42%)
- OKLCH
- oklch(0.514 0.052 248.9)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #637EA1 color page →
secondary
#637EA1
- RGB
- rgb(99 126 161)
- HSL
- hsl(214 25% 51%)
- OKLCH
- oklch(0.586 0.062 255.1)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.02:1 (AA)
- #9BB0C9 color page →
accent
#9BB0C9
- RGB
- rgb(155 176 201)
- HSL
- hsl(213 30% 70%)
- OKLCH
- oklch(0.749 0.043 252.9)
WCAG contrast: on white 2.22:1 (Fail) · on black 9.44:1 (AAA)
- #C8D4E1 color page →
highlight
#C8D4E1
- RGB
- rgb(200 212 225)
- HSL
- hsl(211 29% 83%)
- OKLCH
- oklch(0.865 0.022 250.2)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.96:1 (AAA)
- #EAF3FD color page →
text
#EAF3FD
- RGB
- rgb(234 243 253)
- HSL
- hsl(212 83% 95%)
- OKLCH
- oklch(0.96 0.017 250.8)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.73:1 (AAA)
Export Classic Bay View Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060c14;
--surface: #1f2732;
--muted: #39465a;
--primary: #506a84;
--secondary: #637ea1;
--accent: #9bb0c9;
--highlight: #c8d4e1;
--text: #eaf3fd;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060c14;
--color-surface: #1f2732;
--color-muted: #39465a;
--color-primary: #506a84;
--color-secondary: #637ea1;
--color-accent: #9bb0c9;
--color-highlight: #c8d4e1;
--color-text: #eaf3fd;
}JSON (DTCG tokens)
{
"classic-bay-view-mirror-5ba": {
"bg": {
"$type": "color",
"$value": "#060c14"
},
"surface": {
"$type": "color",
"$value": "#1f2732"
},
"muted": {
"$type": "color",
"$value": "#39465a"
},
"primary": {
"$type": "color",
"$value": "#506a84"
},
"secondary": {
"$type": "color",
"$value": "#637ea1"
},
"accent": {
"$type": "color",
"$value": "#9bb0c9"
},
"highlight": {
"$type": "color",
"$value": "#c8d4e1"
},
"text": {
"$type": "color",
"$value": "#eaf3fd"
}
}
}About this palette
Classic Bay View Mirror is a 8-color OKLCH-ready palette tagged violet, gray, cold, monochromatic, 8 colors. Hex values: #060C14, #1F2732, #39465A, #506A84, #637EA1, #9BB0C9, #C8D4E1, #EAF3FD. APCA contrast score Lc 9.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 Classic Bay View Mirror by OKLab color distance.