Palette · 6 colors · Lc 8.5
Rainy Mood Signal palette
Rainy Mood Signal: a 6-color palette (Blue, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #C4EBF3, #89C6D2, #439FAE, #177688, #00475A, #00262E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#C4EBF3
surface
#89C6D2
muted
#439FAE
primary
#177688
accent
#00475A
text
#00262E
Colors in Rainy Mood Signal: HEX, RGB, HSL & OKLCH
- #C4EBF3 color page →
bg
#C4EBF3
- RGB
- rgb(196 235 243)
- HSL
- hsl(190 66% 86%)
- OKLCH
- oklch(0.915 0.042 211.5)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.52:1 (AAA)
- #89C6D2 color page →
surface
#89C6D2
- RGB
- rgb(137 198 210)
- HSL
- hsl(190 45% 68%)
- OKLCH
- oklch(0.789 0.065 211.2)
WCAG contrast: on white 1.89:1 (Fail) · on black 11.07:1 (AAA)
- #439FAE color page →
muted
#439FAE
- RGB
- rgb(67 159 174)
- HSL
- hsl(188 44% 47%)
- OKLCH
- oklch(0.654 0.089 209.8)
WCAG contrast: on white 3.08:1 (Fail) · on black 6.80:1 (AA)
- #177688 color page →
primary
#177688
- RGB
- rgb(23 118 136)
- HSL
- hsl(190 71% 31%)
- OKLCH
- oklch(0.523 0.086 214.2)
WCAG contrast: on white 5.27:1 (AA) · on black 3.98:1 (Fail)
- #00475A color page →
accent
#00475A
- RGB
- rgb(0 71 90)
- HSL
- hsl(193 100% 18%)
- OKLCH
- oklch(0.369 0.069 223.2)
WCAG contrast: on white 10.24:1 (AAA) · on black 2.04:1 (Fail)
- #00262E color page →
text
#00262E
- RGB
- rgb(0 38 46)
- HSL
- hsl(190 100% 9%)
- OKLCH
- oklch(0.247 0.044 215.2)
WCAG contrast: on white 15.94:1 (AAA) · on black 1.31:1 (Fail)
Export Rainy Mood Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #c4ebf3;
--surface: #89c6d2;
--muted: #439fae;
--primary: #177688;
--accent: #00475a;
--text: #00262e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #c4ebf3;
--color-surface: #89c6d2;
--color-muted: #439fae;
--color-primary: #177688;
--color-accent: #00475a;
--color-text: #00262e;
}JSON (DTCG tokens)
{
"rainy-mood-signal-3ph": {
"bg": {
"$type": "color",
"$value": "#c4ebf3"
},
"surface": {
"$type": "color",
"$value": "#89c6d2"
},
"muted": {
"$type": "color",
"$value": "#439fae"
},
"primary": {
"$type": "color",
"$value": "#177688"
},
"accent": {
"$type": "color",
"$value": "#00475a"
},
"text": {
"$type": "color",
"$value": "#00262e"
}
}
}About this palette
Rainy Mood Signal is a 6-color OKLCH-ready palette tagged blue, cold, 6 colors. Hex values: #C4EBF3, #89C6D2, #439FAE, #177688, #00475A, #00262E. 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 Rainy Mood Signal by OKLab color distance.