Palette · 2 colors · Lc 3.5
Marina Noir palette
Marina Noir: a 2-color palette (Violet, Cold, Rainbow, 2 Colors). HEX, RGB, HSL and OKLCH for #5A83C9, #55530A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
primary
#5A83C9
secondary
#55530A
Colors in Marina Noir: HEX, RGB, HSL & OKLCH
- #5A83C9 color page →
primary
#5A83C9
- RGB
- rgb(90 131 201)
- HSL
- hsl(218 51% 57%)
- OKLCH
- oklch(0.611 0.116 260.6)
WCAG contrast: on white 3.80:1 (Fail) · on black 5.52:1 (AA)
- #55530A color page →
secondary
#55530A
- RGB
- rgb(85 83 10)
- HSL
- hsl(58 79% 19%)
- OKLCH
- oklch(0.431 0.088 107.9)
WCAG contrast: on white 7.99:1 (AAA) · on black 2.62:1 (Fail)
Export Marina Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--primary: #5a83c9;
--secondary: #55530a;
}Tailwind CSS v4 @theme
@theme {
--color-primary: #5a83c9;
--color-secondary: #55530a;
}JSON (DTCG tokens)
{
"marina-noir-6kf": {
"primary": {
"$type": "color",
"$value": "#5a83c9"
},
"secondary": {
"$type": "color",
"$value": "#55530a"
}
}
}About this palette
Marina Noir is a 2-color OKLCH-ready palette tagged violet, cold, rainbow, 2 colors, pair. Hex values: #5A83C9, #55530A. APCA contrast score Lc 3.5. 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 Marina Noir by OKLab color distance.