Palette · 8 colors · Lc 10
Cloisonné Studio palette
Cloisonné Studio: a 8-color palette (Violet, Cold, UI System, 8 Colors). HEX, RGB, HSL and OKLCH for #F6F6F6, #D6E6E7, #B6DEE0, #46BEC8, #0098AC, #0073AC, #00476C, #0A1E1E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F6F6F6
surface
#D6E6E7
muted
#B6DEE0
primary
#46BEC8
secondary
#0098AC
accent
#0073AC
highlight
#00476C
text
#0A1E1E
Colors in Cloisonné Studio: 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)
- #D6E6E7 color page →
surface
#D6E6E7
- RGB
- rgb(214 230 231)
- HSL
- hsl(184 26% 87%)
- OKLCH
- oklch(0.913 0.017 201.4)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.33:1 (AAA)
- #B6DEE0 color page →
muted
#B6DEE0
- RGB
- rgb(182 222 224)
- HSL
- hsl(183 40% 80%)
- OKLCH
- oklch(0.873 0.042 200.2)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.51:1 (AAA)
- #46BEC8 color page →
primary
#46BEC8
- RGB
- rgb(70 190 200)
- HSL
- hsl(185 54% 53%)
- OKLCH
- oklch(0.739 0.106 203)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.45:1 (AAA)
- #0098AC color page →
secondary
#0098AC
- RGB
- rgb(0 152 172)
- HSL
- hsl(187 100% 34%)
- OKLCH
- oklch(0.623 0.108 211)
WCAG contrast: on white 3.44:1 (Fail) · on black 6.08:1 (AA)
- #0073AC color page →
accent
#0073AC
- RGB
- rgb(0 115 172)
- HSL
- hsl(200 100% 34%)
- OKLCH
- oklch(0.531 0.123 240.9)
WCAG contrast: on white 5.18:1 (AA) · on black 4.04:1 (Fail)
- #00476C color page →
highlight
#00476C
- RGB
- rgb(0 71 108)
- HSL
- hsl(201 100% 21%)
- OKLCH
- oklch(0.38 0.088 240.5)
WCAG contrast: on white 9.91:1 (AAA) · on black 2.11:1 (Fail)
- #0A1E1E color page →
text
#0A1E1E
- RGB
- rgb(10 30 30)
- HSL
- hsl(180 50% 8%)
- OKLCH
- oklch(0.218 0.026 195.4)
WCAG contrast: on white 17.25:1 (AAA) · on black 1.21:1 (Fail)
Export Cloisonné Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f6f6f6;
--surface: #d6e6e7;
--muted: #b6dee0;
--primary: #46bec8;
--secondary: #0098ac;
--accent: #0073ac;
--highlight: #00476c;
--text: #0a1e1e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f6f6f6;
--color-surface: #d6e6e7;
--color-muted: #b6dee0;
--color-primary: #46bec8;
--color-secondary: #0098ac;
--color-accent: #0073ac;
--color-highlight: #00476c;
--color-text: #0a1e1e;
}JSON (DTCG tokens)
{
"cloisonn-studio-or": {
"bg": {
"$type": "color",
"$value": "#f6f6f6"
},
"surface": {
"$type": "color",
"$value": "#d6e6e7"
},
"muted": {
"$type": "color",
"$value": "#b6dee0"
},
"primary": {
"$type": "color",
"$value": "#46bec8"
},
"secondary": {
"$type": "color",
"$value": "#0098ac"
},
"accent": {
"$type": "color",
"$value": "#0073ac"
},
"highlight": {
"$type": "color",
"$value": "#00476c"
},
"text": {
"$type": "color",
"$value": "#0a1e1e"
}
}
}About this palette
Cloisonné Studio is a 8-color OKLCH-ready palette tagged violet, cold, ui system, 8 colors. Hex values: #F6F6F6, #D6E6E7, #B6DEE0, #46BEC8, #0098AC, #0073AC, #00476C, #0A1E1E. 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 Cloisonné Studio by OKLab color distance.