Palette · 10 colors · Lc 8.5
Pure Billiard Canvas palette
Pure Billiard Canvas: a 10-color palette (Turquoise, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #E1F1F1, #9CDCD6, #4CC9AF, #00B7A9, #009B9D, #008998, #006D88, #005276, #00353F, #002125, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1F1F1
surface
#9CDCD6
muted
#4CC9AF
primary
#00B7A9
secondary
#009B9D
accent
#008998
highlight
#006D88
border
#005276
focus
#00353F
text
#002125
Colors in Pure Billiard Canvas: HEX, RGB, HSL & OKLCH
- #E1F1F1 color page →
bg
#E1F1F1
- RGB
- rgb(225 241 241)
- HSL
- hsl(180 36% 91%)
- OKLCH
- oklch(0.946 0.017 196.9)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.05:1 (AAA)
- #9CDCD6 color page →
surface
#9CDCD6
- RGB
- rgb(156 220 214)
- HSL
- hsl(174 48% 74%)
- OKLCH
- oklch(0.85 0.065 188.7)
WCAG contrast: on white 1.54:1 (Fail) · on black 13.62:1 (AAA)
- #4CC9AF color page →
muted
#4CC9AF
- RGB
- rgb(76 201 175)
- HSL
- hsl(168 54% 54%)
- OKLCH
- oklch(0.759 0.117 176.7)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.28:1 (AAA)
- #00B7A9 color page →
primary
#00B7A9
- RGB
- rgb(0 183 169)
- HSL
- hsl(175 100% 36%)
- OKLCH
- oklch(0.701 0.123 185.2)
WCAG contrast: on white 2.51:1 (Fail) · on black 8.34:1 (AAA)
- #009B9D color page →
secondary
#009B9D
- RGB
- rgb(0 155 157)
- HSL
- hsl(181 100% 31%)
- OKLCH
- oklch(0.625 0.106 196.4)
WCAG contrast: on white 3.40:1 (Fail) · on black 6.17:1 (AA)
- #008998 color page →
accent
#008998
- RGB
- rgb(0 137 152)
- HSL
- hsl(186 100% 30%)
- OKLCH
- oklch(0.576 0.099 208.3)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.03:1 (AA)
- #006D88 color page →
highlight
#006D88
- RGB
- rgb(0 109 136)
- HSL
- hsl(192 100% 27%)
- OKLCH
- oklch(0.496 0.092 222.7)
WCAG contrast: on white 5.92:1 (AA) · on black 3.54:1 (Fail)
- #005276 color page →
border
#005276
- RGB
- rgb(0 82 118)
- HSL
- hsl(198 100% 23%)
- OKLCH
- oklch(0.415 0.09 236.5)
WCAG contrast: on white 8.50:1 (AAA) · on black 2.46:1 (Fail)
- #00353F color page →
focus
#00353F
- RGB
- rgb(0 53 63)
- HSL
- hsl(190 100% 12%)
- OKLCH
- oklch(0.303 0.053 214.6)
WCAG contrast: on white 13.28:1 (AAA) · on black 1.58:1 (Fail)
- #002125 color page →
text
#002125
- RGB
- rgb(0 33 37)
- HSL
- hsl(186 100% 7%)
- OKLCH
- oklch(0.226 0.039 206.4)
WCAG contrast: on white 16.87:1 (AAA) · on black 1.24:1 (Fail)
Export Pure Billiard Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1f1f1;
--surface: #9cdcd6;
--muted: #4cc9af;
--primary: #00b7a9;
--secondary: #009b9d;
--accent: #008998;
--highlight: #006d88;
--border: #005276;
--focus: #00353f;
--text: #002125;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1f1f1;
--color-surface: #9cdcd6;
--color-muted: #4cc9af;
--color-primary: #00b7a9;
--color-secondary: #009b9d;
--color-accent: #008998;
--color-highlight: #006d88;
--color-border: #005276;
--color-focus: #00353f;
--color-text: #002125;
}JSON (DTCG tokens)
{
"pure-billiard-canvas-291": {
"bg": {
"$type": "color",
"$value": "#e1f1f1"
},
"surface": {
"$type": "color",
"$value": "#9cdcd6"
},
"muted": {
"$type": "color",
"$value": "#4cc9af"
},
"primary": {
"$type": "color",
"$value": "#00b7a9"
},
"secondary": {
"$type": "color",
"$value": "#009b9d"
},
"accent": {
"$type": "color",
"$value": "#008998"
},
"highlight": {
"$type": "color",
"$value": "#006d88"
},
"border": {
"$type": "color",
"$value": "#005276"
},
"focus": {
"$type": "color",
"$value": "#00353f"
},
"text": {
"$type": "color",
"$value": "#002125"
}
}
}About this palette
Pure Billiard Canvas is a 10-color OKLCH-ready palette tagged turquoise, cold, 10 colors. Hex values: #E1F1F1, #9CDCD6, #4CC9AF, #00B7A9, #009B9D, #008998, #006D88, #005276, #00353F, #002125. 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 Pure Billiard Canvas by OKLab color distance.