Palette · 10 colors · Lc 8.5
Steady Calypso Ribbon palette
Steady Calypso Ribbon: a 10-color palette (Blue, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #D4F2EF, #87B8B6, #4D908C, #3A768F, #666695, #775472, #80574F, #725934, #28351C, #011411, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D4F2EF
surface
#87B8B6
muted
#4D908C
primary
#3A768F
secondary
#666695
accent
#775472
highlight
#80574F
border
#725934
focus
#28351C
text
#011411
Colors in Steady Calypso Ribbon: HEX, RGB, HSL & OKLCH
- #D4F2EF color page →
bg
#D4F2EF
- RGB
- rgb(212 242 239)
- HSL
- hsl(174 54% 89%)
- OKLCH
- oklch(0.939 0.032 189.3)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.74:1 (AAA)
- #87B8B6 color page →
surface
#87B8B6
- RGB
- rgb(135 184 182)
- HSL
- hsl(178 26% 63%)
- OKLCH
- oklch(0.747 0.052 192.9)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.56:1 (AAA)
- #4D908C color page →
muted
#4D908C
- RGB
- rgb(77 144 140)
- HSL
- hsl(176 30% 43%)
- OKLCH
- oklch(0.608 0.069 190.5)
WCAG contrast: on white 3.69:1 (Fail) · on black 5.68:1 (AA)
- #3A768F color page →
primary
#3A768F
- RGB
- rgb(58 118 143)
- HSL
- hsl(198 42% 39%)
- OKLCH
- oklch(0.536 0.073 227.7)
WCAG contrast: on white 5.03:1 (AA) · on black 4.16:1 (Fail)
- #666695 color page →
secondary
#666695
- RGB
- rgb(102 102 149)
- HSL
- hsl(240 19% 49%)
- OKLCH
- oklch(0.53 0.073 283.6)
WCAG contrast: on white 5.38:1 (AA) · on black 3.89:1 (Fail)
- #775472 color page →
accent
#775472
- RGB
- rgb(119 84 114)
- HSL
- hsl(309 17% 40%)
- OKLCH
- oklch(0.494 0.064 331.5)
WCAG contrast: on white 6.37:1 (AA) · on black 3.29:1 (Fail)
- #80574F color page →
highlight
#80574F
- RGB
- rgb(128 87 79)
- HSL
- hsl(10 24% 41%)
- OKLCH
- oklch(0.499 0.056 31.4)
WCAG contrast: on white 6.18:1 (AA) · on black 3.39:1 (Fail)
- #725934 color page →
border
#725934
- RGB
- rgb(114 89 52)
- HSL
- hsl(36 37% 33%)
- OKLCH
- oklch(0.481 0.062 76.2)
WCAG contrast: on white 6.57:1 (AA) · on black 3.19:1 (Fail)
- #28351C color page →
focus
#28351C
- RGB
- rgb(40 53 28)
- HSL
- hsl(91 31% 16%)
- OKLCH
- oklch(0.31 0.046 131)
WCAG contrast: on white 12.99:1 (AAA) · on black 1.61:1 (Fail)
- #011411 color page →
text
#011411
- RGB
- rgb(1 20 17)
- HSL
- hsl(171 90% 4%)
- OKLCH
- oklch(0.173 0.029 182.5)
WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)
Export Steady Calypso Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d4f2ef;
--surface: #87b8b6;
--muted: #4d908c;
--primary: #3a768f;
--secondary: #666695;
--accent: #775472;
--highlight: #80574f;
--border: #725934;
--focus: #28351c;
--text: #011411;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d4f2ef;
--color-surface: #87b8b6;
--color-muted: #4d908c;
--color-primary: #3a768f;
--color-secondary: #666695;
--color-accent: #775472;
--color-highlight: #80574f;
--color-border: #725934;
--color-focus: #28351c;
--color-text: #011411;
}JSON (DTCG tokens)
{
"steady-calypso-ribbon-hd": {
"bg": {
"$type": "color",
"$value": "#d4f2ef"
},
"surface": {
"$type": "color",
"$value": "#87b8b6"
},
"muted": {
"$type": "color",
"$value": "#4d908c"
},
"primary": {
"$type": "color",
"$value": "#3a768f"
},
"secondary": {
"$type": "color",
"$value": "#666695"
},
"accent": {
"$type": "color",
"$value": "#775472"
},
"highlight": {
"$type": "color",
"$value": "#80574f"
},
"border": {
"$type": "color",
"$value": "#725934"
},
"focus": {
"$type": "color",
"$value": "#28351c"
},
"text": {
"$type": "color",
"$value": "#011411"
}
}
}About this palette
Steady Calypso Ribbon is a 10-color OKLCH-ready palette tagged blue, cold, 10 colors. Hex values: #D4F2EF, #87B8B6, #4D908C, #3A768F, #666695, #775472, #80574F, #725934, #28351C, #011411. APCA contrast score Lc 8.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 Steady Calypso Ribbon by OKLab color distance.