Palette · 7 colors · Lc 9.6
Pure Billiard Circuit palette
Pure Billiard Circuit: a 7-color palette (Turquoise, Cold, UI System, 7 Colors). HEX, RGB, HSL and OKLCH for #F5F8F7, #CCE6DF, #9CD1C7, #00AD9A, #008F8C, #005564, #001714, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5F8F7
surface
#CCE6DF
muted
#9CD1C7
primary
#00AD9A
secondary
#008F8C
accent
#005564
text
#001714
Colors in Pure Billiard Circuit: HEX, RGB, HSL & OKLCH
- #F5F8F7 color page →
bg
#F5F8F7
- RGB
- rgb(245 248 247)
- HSL
- hsl(160 18% 97%)
- OKLCH
- oklch(0.977 0.003 174.5)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.65:1 (AAA)
- #CCE6DF color page →
surface
#CCE6DF
- RGB
- rgb(204 230 223)
- HSL
- hsl(164 34% 85%)
- OKLCH
- oklch(0.904 0.029 177.7)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.95:1 (AAA)
- #9CD1C7 color page →
muted
#9CD1C7
- RGB
- rgb(156 209 199)
- HSL
- hsl(169 37% 72%)
- OKLCH
- oklch(0.821 0.057 181.9)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.35:1 (AAA)
- #00AD9A color page →
primary
#00AD9A
- RGB
- rgb(0 173 154)
- HSL
- hsl(173 100% 34%)
- OKLCH
- oklch(0.67 0.121 181.3)
WCAG contrast: on white 2.82:1 (Fail) · on black 7.44:1 (AAA)
- #008F8C color page →
secondary
#008F8C
- RGB
- rgb(0 143 140)
- HSL
- hsl(179 100% 28%)
- OKLCH
- oklch(0.587 0.101 192.2)
WCAG contrast: on white 3.95:1 (Fail) · on black 5.30:1 (AA)
- #005564 color page →
accent
#005564
- RGB
- rgb(0 85 100)
- HSL
- hsl(189 100% 20%)
- OKLCH
- oklch(0.414 0.073 214.9)
WCAG contrast: on white 8.45:1 (AAA) · on black 2.48:1 (Fail)
- #001714 color page →
text
#001714
- RGB
- rgb(0 23 20)
- HSL
- hsl(172 100% 5%)
- OKLCH
- oklch(0.184 0.033 183.9)
WCAG contrast: on white 18.54:1 (AAA) · on black 1.13:1 (Fail)
Export Pure Billiard Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f8f7;
--surface: #cce6df;
--muted: #9cd1c7;
--primary: #00ad9a;
--secondary: #008f8c;
--accent: #005564;
--text: #001714;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f8f7;
--color-surface: #cce6df;
--color-muted: #9cd1c7;
--color-primary: #00ad9a;
--color-secondary: #008f8c;
--color-accent: #005564;
--color-text: #001714;
}JSON (DTCG tokens)
{
"pure-billiard-circuit-22k": {
"bg": {
"$type": "color",
"$value": "#f5f8f7"
},
"surface": {
"$type": "color",
"$value": "#cce6df"
},
"muted": {
"$type": "color",
"$value": "#9cd1c7"
},
"primary": {
"$type": "color",
"$value": "#00ad9a"
},
"secondary": {
"$type": "color",
"$value": "#008f8c"
},
"accent": {
"$type": "color",
"$value": "#005564"
},
"text": {
"$type": "color",
"$value": "#001714"
}
}
}About this palette
Pure Billiard Circuit is a 7-color OKLCH-ready palette tagged turquoise, cold, ui system, 7 colors. Hex values: #F5F8F7, #CCE6DF, #9CD1C7, #00AD9A, #008F8C, #005564, #001714. APCA contrast score Lc 9.6. 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 Circuit by OKLab color distance.