Palette · 7 colors · Lc 9.8
Classic Billiard Cascade palette
Classic Billiard Cascade: a 7-color palette (Trending, Turquoise, Cold, UI System). HEX, RGB, HSL and OKLCH for #F6F6F6, #DDF1ED, #94D0C2, #00A896, #007D78, #005370, #031E1A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6F6F6
surface
#DDF1ED
muted
#94D0C2
primary
#00A896
secondary
#007D78
accent
#005370
text
#031E1A
Colors in Classic Billiard Cascade: HEX, RGB, HSL & OKLCH
- #F6F6F6 color page →
bg
#F6F6F6
- RGB
- rgb(246 246 246)
- HSL
- hsl(0 0% 96%)
- OKLCH
- oklch(0.973 0 0)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.43:1 (AAA)
- #DDF1ED color page →
surface
#DDF1ED
- RGB
- rgb(221 241 237)
- HSL
- hsl(168 42% 91%)
- OKLCH
- oklch(0.942 0.022 182.5)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.87:1 (AAA)
- #94D0C2 color page →
muted
#94D0C2
- RGB
- rgb(148 208 194)
- HSL
- hsl(166 39% 70%)
- OKLCH
- oklch(0.813 0.065 178.5)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.06:1 (AAA)
- #00A896 color page →
primary
#00A896
- RGB
- rgb(0 168 150)
- HSL
- hsl(174 100% 33%)
- OKLCH
- oklch(0.656 0.118 181.7)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.04:1 (AAA)
- #007D78 color page →
secondary
#007D78
- RGB
- rgb(0 125 120)
- HSL
- hsl(178 100% 25%)
- OKLCH
- oklch(0.532 0.092 189.9)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #005370 color page →
accent
#005370
- RGB
- rgb(0 83 112)
- HSL
- hsl(196 100% 22%)
- OKLCH
- oklch(0.414 0.083 230.5)
WCAG contrast: on white 8.49:1 (AAA) · on black 2.47:1 (Fail)
- #031E1A color page →
text
#031E1A
- RGB
- rgb(3 30 26)
- HSL
- hsl(171 82% 6%)
- OKLCH
- oklch(0.213 0.034 181.8)
WCAG contrast: on white 17.43:1 (AAA) · on black 1.20:1 (Fail)
Export Classic Billiard Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6f6f6;
--surface: #ddf1ed;
--muted: #94d0c2;
--primary: #00a896;
--secondary: #007d78;
--accent: #005370;
--text: #031e1a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6f6f6;
--color-surface: #ddf1ed;
--color-muted: #94d0c2;
--color-primary: #00a896;
--color-secondary: #007d78;
--color-accent: #005370;
--color-text: #031e1a;
}JSON (DTCG tokens)
{
"classic-billiard-cascade-1ep": {
"bg": {
"$type": "color",
"$value": "#f6f6f6"
},
"surface": {
"$type": "color",
"$value": "#ddf1ed"
},
"muted": {
"$type": "color",
"$value": "#94d0c2"
},
"primary": {
"$type": "color",
"$value": "#00a896"
},
"secondary": {
"$type": "color",
"$value": "#007d78"
},
"accent": {
"$type": "color",
"$value": "#005370"
},
"text": {
"$type": "color",
"$value": "#031e1a"
}
}
}About this palette
Classic Billiard Cascade is a 7-color OKLCH-ready palette tagged trending, turquoise, cold, ui system, 7 colors. Hex values: #F6F6F6, #DDF1ED, #94D0C2, #00A896, #007D78, #005370, #031E1A. APCA contrast score Lc 9.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 Classic Billiard Cascade by OKLab color distance.