Palette · 6 colors · Lc 10
Quiet Petrol Slumber Cascade palette
Quiet Petrol Slumber Cascade: a 6-color palette (Violet, Gray, Cold, 6 Colors). HEX, RGB, HSL and OKLCH for #F1F9FB, #B8C2C6, #7D8D94, #54636A, #273740, #050505, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1F9FB
surface
#B8C2C6
muted
#7D8D94
primary
#54636A
accent
#273740
text
#050505
Colors in Quiet Petrol Slumber Cascade: HEX, RGB, HSL & OKLCH
- #F1F9FB color page →
bg
#F1F9FB
- RGB
- rgb(241 249 251)
- HSL
- hsl(192 56% 96%)
- OKLCH
- oklch(0.977 0.009 214.3)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.68:1 (AAA)
- #B8C2C6 color page →
surface
#B8C2C6
- RGB
- rgb(184 194 198)
- HSL
- hsl(197 11% 75%)
- OKLCH
- oklch(0.807 0.012 223.6)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.57:1 (AAA)
- #7D8D94 color page →
muted
#7D8D94
- RGB
- rgb(125 141 148)
- HSL
- hsl(198 10% 54%)
- OKLCH
- oklch(0.633 0.021 225.9)
WCAG contrast: on white 3.43:1 (Fail) · on black 6.10:1 (AA)
- #54636A color page →
primary
#54636A
- RGB
- rgb(84 99 106)
- HSL
- hsl(199 12% 37%)
- OKLCH
- oklch(0.49 0.022 227.7)
WCAG contrast: on white 6.23:1 (AA) · on black 3.36:1 (Fail)
- #273740 color page →
accent
#273740
- RGB
- rgb(39 55 64)
- HSL
- hsl(202 24% 20%)
- OKLCH
- oklch(0.327 0.026 233.3)
WCAG contrast: on white 12.30:1 (AAA) · on black 1.70:1 (Fail)
- #050505 color page →
text
#050505
- RGB
- rgb(5 5 5)
- HSL
- hsl(0 0% 2%)
- OKLCH
- oklch(0.115 0 0)
WCAG contrast: on white 20.38:1 (AAA) · on black 1.03:1 (Fail)
Export Quiet Petrol Slumber Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1f9fb;
--surface: #b8c2c6;
--muted: #7d8d94;
--primary: #54636a;
--accent: #273740;
--text: #050505;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1f9fb;
--color-surface: #b8c2c6;
--color-muted: #7d8d94;
--color-primary: #54636a;
--color-accent: #273740;
--color-text: #050505;
}JSON (DTCG tokens)
{
"quiet-petrol-slumber-cascade-6bx": {
"bg": {
"$type": "color",
"$value": "#f1f9fb"
},
"surface": {
"$type": "color",
"$value": "#b8c2c6"
},
"muted": {
"$type": "color",
"$value": "#7d8d94"
},
"primary": {
"$type": "color",
"$value": "#54636a"
},
"accent": {
"$type": "color",
"$value": "#273740"
},
"text": {
"$type": "color",
"$value": "#050505"
}
}
}About this palette
Quiet Petrol Slumber Cascade is a 6-color OKLCH-ready palette tagged violet, gray, cold, 6 colors. Hex values: #F1F9FB, #B8C2C6, #7D8D94, #54636A, #273740, #050505. APCA contrast score Lc 10. 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 Quiet Petrol Slumber Cascade by OKLab color distance.