Palette · 9 colors · Lc 8.8
Rainy Mood Meadow palette
Rainy Mood Meadow: a 9-color palette (Blue, Cold, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #010D0F, #00252F, #003F4A, #00677B, #00899E, #009EAF, #61C0D4, #9FE2EA, #D9EFF3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Blue
- Cold
- Monochromatic
- 9 Colors
bg
#010D0F
surface
#00252F
muted
#003F4A
primary
#00677B
secondary
#00899E
accent
#009EAF
highlight
#61C0D4
border
#9FE2EA
text
#D9EFF3
Colors in Rainy Mood Meadow: HEX, RGB, HSL & OKLCH
- #010D0F color page →
bg
#010D0F
- RGB
- rgb(1 13 15)
- HSL
- hsl(189 88% 3%)
- OKLCH
- oklch(0.146 0.022 206.1)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
- #00252F color page →
surface
#00252F
- RGB
- rgb(0 37 47)
- HSL
- hsl(193 100% 9%)
- OKLCH
- oklch(0.245 0.045 220.2)
WCAG contrast: on white 16.08:1 (AAA) · on black 1.30:1 (Fail)
- #003F4A color page →
muted
#003F4A
- RGB
- rgb(0 63 74)
- HSL
- hsl(189 100% 15%)
- OKLCH
- oklch(0.338 0.059 213.9)
WCAG contrast: on white 11.60:1 (AAA) · on black 1.80:1 (Fail)
- #00677B color page →
primary
#00677B
- RGB
- rgb(0 103 123)
- HSL
- hsl(190 100% 24%)
- OKLCH
- oklch(0.474 0.085 217.3)
WCAG contrast: on white 6.50:1 (AA) · on black 3.22:1 (Fail)
- #00899E color page →
secondary
#00899E
- RGB
- rgb(0 137 158)
- HSL
- hsl(188 100% 31%)
- OKLCH
- oklch(0.579 0.101 213.4)
WCAG contrast: on white 4.14:1 (Fail) · on black 5.07:1 (AA)
- #009EAF color page →
accent
#009EAF
- RGB
- rgb(0 158 175)
- HSL
- hsl(186 100% 34%)
- OKLCH
- oklch(0.64 0.11 208.2)
WCAG contrast: on white 3.22:1 (Fail) · on black 6.50:1 (AA)
- #61C0D4 color page →
highlight
#61C0D4
- RGB
- rgb(97 192 212)
- HSL
- hsl(190 57% 61%)
- OKLCH
- oklch(0.757 0.094 213.2)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.99:1 (AAA)
- #9FE2EA color page →
border
#9FE2EA
- RGB
- rgb(159 226 234)
- HSL
- hsl(186 64% 77%)
- OKLCH
- oklch(0.871 0.068 205.3)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.54:1 (AAA)
- #D9EFF3 color page →
text
#D9EFF3
- RGB
- rgb(217 239 243)
- HSL
- hsl(189 52% 90%)
- OKLCH
- oklch(0.937 0.024 209.8)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.59:1 (AAA)
Export Rainy Mood Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #010d0f;
--surface: #00252f;
--muted: #003f4a;
--primary: #00677b;
--secondary: #00899e;
--accent: #009eaf;
--highlight: #61c0d4;
--border: #9fe2ea;
--text: #d9eff3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #010d0f;
--color-surface: #00252f;
--color-muted: #003f4a;
--color-primary: #00677b;
--color-secondary: #00899e;
--color-accent: #009eaf;
--color-highlight: #61c0d4;
--color-border: #9fe2ea;
--color-text: #d9eff3;
}JSON (DTCG tokens)
{
"rainy-mood-meadow-2lj": {
"bg": {
"$type": "color",
"$value": "#010d0f"
},
"surface": {
"$type": "color",
"$value": "#00252f"
},
"muted": {
"$type": "color",
"$value": "#003f4a"
},
"primary": {
"$type": "color",
"$value": "#00677b"
},
"secondary": {
"$type": "color",
"$value": "#00899e"
},
"accent": {
"$type": "color",
"$value": "#009eaf"
},
"highlight": {
"$type": "color",
"$value": "#61c0d4"
},
"border": {
"$type": "color",
"$value": "#9fe2ea"
},
"text": {
"$type": "color",
"$value": "#d9eff3"
}
}
}About this palette
Rainy Mood Meadow is a 9-color OKLCH-ready palette tagged blue, cold, monochromatic, 9 colors. Hex values: #010D0F, #00252F, #003F4A, #00677B, #00899E, #009EAF, #61C0D4, #9FE2EA, #D9EFF3. APCA contrast score Lc 8.8. 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 Meadow by OKLab color distance.