Palette · 8 colors · Lc 8.7
Blue Ocean Brief palette
Blue Ocean Brief: a 8-color palette (Blue, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #D2EAF4, #9BD3DF, #50B8C1, #0099BB, #0071A2, #145389, #00355C, #001725, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D2EAF4
surface
#9BD3DF
muted
#50B8C1
primary
#0099BB
secondary
#0071A2
accent
#145389
highlight
#00355C
text
#001725
Colors in Blue Ocean Brief: HEX, RGB, HSL & OKLCH
- #D2EAF4 color page →
bg
#D2EAF4
- RGB
- rgb(210 234 244)
- HSL
- hsl(198 61% 89%)
- OKLCH
- oklch(0.922 0.029 224.7)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.81:1 (AAA)
- #9BD3DF color page →
surface
#9BD3DF
- RGB
- rgb(155 211 223)
- HSL
- hsl(191 52% 74%)
- OKLCH
- oklch(0.832 0.06 212.4)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.77:1 (AAA)
- #50B8C1 color page →
muted
#50B8C1
- RGB
- rgb(80 184 193)
- HSL
- hsl(185 48% 54%)
- OKLCH
- oklch(0.725 0.096 203.1)
WCAG contrast: on white 2.34:1 (Fail) · on black 8.96:1 (AAA)
- #0099BB color page →
primary
#0099BB
- RGB
- rgb(0 153 187)
- HSL
- hsl(191 100% 37%)
- OKLCH
- oklch(0.632 0.116 221)
WCAG contrast: on white 3.34:1 (Fail) · on black 6.27:1 (AA)
- #0071A2 color page →
secondary
#0071A2
- RGB
- rgb(0 113 162)
- HSL
- hsl(198 100% 32%)
- OKLCH
- oklch(0.52 0.114 237.3)
WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)
- #145389 color page →
accent
#145389
- RGB
- rgb(20 83 137)
- HSL
- hsl(208 75% 31%)
- OKLCH
- oklch(0.433 0.108 249.5)
WCAG contrast: on white 7.99:1 (AAA) · on black 2.62:1 (Fail)
- #00355C color page →
highlight
#00355C
- RGB
- rgb(0 53 92)
- HSL
- hsl(205 100% 18%)
- OKLCH
- oklch(0.321 0.086 247.7)
WCAG contrast: on white 12.62:1 (AAA) · on black 1.66:1 (Fail)
- #001725 color page →
text
#001725
- RGB
- rgb(0 23 37)
- HSL
- hsl(203 100% 7%)
- OKLCH
- oklch(0.194 0.042 236.8)
WCAG contrast: on white 18.27:1 (AAA) · on black 1.14:1 (Fail)
Export Blue Ocean Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d2eaf4;
--surface: #9bd3df;
--muted: #50b8c1;
--primary: #0099bb;
--secondary: #0071a2;
--accent: #145389;
--highlight: #00355c;
--text: #001725;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d2eaf4;
--color-surface: #9bd3df;
--color-muted: #50b8c1;
--color-primary: #0099bb;
--color-secondary: #0071a2;
--color-accent: #145389;
--color-highlight: #00355c;
--color-text: #001725;
}JSON (DTCG tokens)
{
"blue-ocean-brief-1h7": {
"bg": {
"$type": "color",
"$value": "#d2eaf4"
},
"surface": {
"$type": "color",
"$value": "#9bd3df"
},
"muted": {
"$type": "color",
"$value": "#50b8c1"
},
"primary": {
"$type": "color",
"$value": "#0099bb"
},
"secondary": {
"$type": "color",
"$value": "#0071a2"
},
"accent": {
"$type": "color",
"$value": "#145389"
},
"highlight": {
"$type": "color",
"$value": "#00355c"
},
"text": {
"$type": "color",
"$value": "#001725"
}
}
}About this palette
Blue Ocean Brief is a 8-color OKLCH-ready palette tagged blue, cold, 8 colors. Hex values: #D2EAF4, #9BD3DF, #50B8C1, #0099BB, #0071A2, #145389, #00355C, #001725. APCA contrast score Lc 8.7. 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 Blue Ocean Brief by OKLab color distance.