Palette · 7 colors · Lc 8.3
Turquoise Ribbon palette
Turquoise Ribbon: a 7-color palette (Turquoise, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E2ECED, #63D8CE, #00C1AA, #00A2B5, #0070A0, #00446F, #002225, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2ECED
surface
#63D8CE
muted
#00C1AA
primary
#00A2B5
secondary
#0070A0
accent
#00446F
text
#002225
Colors in Turquoise Ribbon: HEX, RGB, HSL & OKLCH
- #E2ECED color page →
bg
#E2ECED
- RGB
- rgb(226 236 237)
- HSL
- hsl(185 23% 91%)
- OKLCH
- oklch(0.936 0.011 204.1)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.45:1 (AAA)
- #63D8CE color page →
surface
#63D8CE
- RGB
- rgb(99 216 206)
- HSL
- hsl(175 60% 62%)
- OKLCH
- oklch(0.812 0.107 187.7)
WCAG contrast: on white 1.71:1 (Fail) · on black 12.24:1 (AAA)
- #00C1AA color page →
muted
#00C1AA
- RGB
- rgb(0 193 170)
- HSL
- hsl(173 100% 38%)
- OKLCH
- oklch(0.727 0.132 180.2)
WCAG contrast: on white 2.28:1 (Fail) · on black 9.20:1 (AAA)
- #00A2B5 color page →
primary
#00A2B5
- RGB
- rgb(0 162 181)
- HSL
- hsl(186 100% 35%)
- OKLCH
- oklch(0.652 0.113 209.4)
WCAG contrast: on white 3.07:1 (Fail) · on black 6.83:1 (AA)
- #0070A0 color page →
secondary
#0070A0
- RGB
- rgb(0 112 160)
- HSL
- hsl(198 100% 31%)
- OKLCH
- oklch(0.516 0.113 237)
WCAG contrast: on white 5.48:1 (AA) · on black 3.82:1 (Fail)
- #00446F color page →
accent
#00446F
- RGB
- rgb(0 68 111)
- HSL
- hsl(203 100% 22%)
- OKLCH
- oklch(0.374 0.095 245.2)
WCAG contrast: on white 10.21:1 (AAA) · on black 2.05:1 (Fail)
- #002225 color page →
text
#002225
- RGB
- rgb(0 34 37)
- HSL
- hsl(185 100% 7%)
- OKLCH
- oklch(0.23 0.039 203.3)
WCAG contrast: on white 16.72:1 (AAA) · on black 1.25:1 (Fail)
Export Turquoise Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2eced;
--surface: #63d8ce;
--muted: #00c1aa;
--primary: #00a2b5;
--secondary: #0070a0;
--accent: #00446f;
--text: #002225;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2eced;
--color-surface: #63d8ce;
--color-muted: #00c1aa;
--color-primary: #00a2b5;
--color-secondary: #0070a0;
--color-accent: #00446f;
--color-text: #002225;
}JSON (DTCG tokens)
{
"turquoise-ribbon-1xq": {
"bg": {
"$type": "color",
"$value": "#e2eced"
},
"surface": {
"$type": "color",
"$value": "#63d8ce"
},
"muted": {
"$type": "color",
"$value": "#00c1aa"
},
"primary": {
"$type": "color",
"$value": "#00a2b5"
},
"secondary": {
"$type": "color",
"$value": "#0070a0"
},
"accent": {
"$type": "color",
"$value": "#00446f"
},
"text": {
"$type": "color",
"$value": "#002225"
}
}
}About this palette
Turquoise Ribbon is a 7-color OKLCH-ready palette tagged turquoise, cold, 7 colors. Hex values: #E2ECED, #63D8CE, #00C1AA, #00A2B5, #0070A0, #00446F, #002225. APCA contrast score Lc 8.3. 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 Turquoise Ribbon by OKLab color distance.