Palette · 9 colors · Lc 8.4
Steady Mediterranean Sea Ribbon palette
Steady Mediterranean Sea Ribbon: a 9-color palette (Blue, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D3E5EB, #A8D1DA, #7FC5C4, #57AAB9, #1F8EA9, #1C6A8C, #265277, #10374F, #0E1B21, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D3E5EB
surface
#A8D1DA
muted
#7FC5C4
primary
#57AAB9
secondary
#1F8EA9
accent
#1C6A8C
highlight
#265277
border
#10374F
text
#0E1B21
Colors in Steady Mediterranean Sea Ribbon: HEX, RGB, HSL & OKLCH
- #D3E5EB color page →
bg
#D3E5EB
- RGB
- rgb(211 229 235)
- HSL
- hsl(195 38% 87%)
- OKLCH
- oklch(0.91 0.021 219.7)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.17:1 (AAA)
- #A8D1DA color page →
surface
#A8D1DA
- RGB
- rgb(168 209 218)
- HSL
- hsl(191 40% 76%)
- OKLCH
- oklch(0.834 0.045 212.5)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.79:1 (AAA)
- #7FC5C4 color page →
muted
#7FC5C4
- RGB
- rgb(127 197 196)
- HSL
- hsl(179 38% 64%)
- OKLCH
- oklch(0.777 0.07 194.6)
WCAG contrast: on white 1.96:1 (Fail) · on black 10.68:1 (AAA)
- #57AAB9 color page →
primary
#57AAB9
- RGB
- rgb(87 170 185)
- HSL
- hsl(189 41% 53%)
- OKLCH
- oklch(0.692 0.083 210.8)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.85:1 (AAA)
- #1F8EA9 color page →
secondary
#1F8EA9
- RGB
- rgb(31 142 169)
- HSL
- hsl(192 69% 39%)
- OKLCH
- oklch(0.6 0.101 219)
WCAG contrast: on white 3.81:1 (Fail) · on black 5.50:1 (AA)
- #1C6A8C color page →
accent
#1C6A8C
- RGB
- rgb(28 106 140)
- HSL
- hsl(198 67% 33%)
- OKLCH
- oklch(0.495 0.09 232.1)
WCAG contrast: on white 6.01:1 (AA) · on black 3.48:1 (Fail)
- #265277 color page →
highlight
#265277
- RGB
- rgb(38 82 119)
- HSL
- hsl(207 52% 31%)
- OKLCH
- oklch(0.425 0.079 246.4)
WCAG contrast: on white 8.21:1 (AAA) · on black 2.55:1 (Fail)
- #10374F color page →
border
#10374F
- RGB
- rgb(16 55 79)
- HSL
- hsl(203 66% 19%)
- OKLCH
- oklch(0.322 0.061 239.8)
WCAG contrast: on white 12.48:1 (AAA) · on black 1.68:1 (Fail)
- #0E1B21 color page →
text
#0E1B21
- RGB
- rgb(14 27 33)
- HSL
- hsl(199 40% 9%)
- OKLCH
- oklch(0.213 0.022 228.8)
WCAG contrast: on white 17.53:1 (AAA) · on black 1.19:1 (Fail)
Export Steady Mediterranean Sea Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d3e5eb;
--surface: #a8d1da;
--muted: #7fc5c4;
--primary: #57aab9;
--secondary: #1f8ea9;
--accent: #1c6a8c;
--highlight: #265277;
--border: #10374f;
--text: #0e1b21;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d3e5eb;
--color-surface: #a8d1da;
--color-muted: #7fc5c4;
--color-primary: #57aab9;
--color-secondary: #1f8ea9;
--color-accent: #1c6a8c;
--color-highlight: #265277;
--color-border: #10374f;
--color-text: #0e1b21;
}JSON (DTCG tokens)
{
"steady-mediterranean-sea-ribbon-546": {
"bg": {
"$type": "color",
"$value": "#d3e5eb"
},
"surface": {
"$type": "color",
"$value": "#a8d1da"
},
"muted": {
"$type": "color",
"$value": "#7fc5c4"
},
"primary": {
"$type": "color",
"$value": "#57aab9"
},
"secondary": {
"$type": "color",
"$value": "#1f8ea9"
},
"accent": {
"$type": "color",
"$value": "#1c6a8c"
},
"highlight": {
"$type": "color",
"$value": "#265277"
},
"border": {
"$type": "color",
"$value": "#10374f"
},
"text": {
"$type": "color",
"$value": "#0e1b21"
}
}
}About this palette
Steady Mediterranean Sea Ribbon is a 9-color OKLCH-ready palette tagged blue, cold, 9 colors. Hex values: #D3E5EB, #A8D1DA, #7FC5C4, #57AAB9, #1F8EA9, #1C6A8C, #265277, #10374F, #0E1B21. APCA contrast score Lc 8.4. 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 Mediterranean Sea Ribbon by OKLab color distance.