Palette · 4 colors · Lc 7.9
Cigar Studio palette
Cigar Studio: a 4-color palette (Yellow, Gray, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #DBE4E8, #7C6387, #7F523E, #01080D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DBE4E8
surface
#7C6387
accent
#7F523E
text
#01080D
Colors in Cigar Studio: HEX, RGB, HSL & OKLCH
- #DBE4E8 color page →
bg
#DBE4E8
- RGB
- rgb(219 228 232)
- HSL
- hsl(198 22% 88%)
- OKLCH
- oklch(0.913 0.011 226)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.27:1 (AAA)
- #7C6387 color page →
surface
#7C6387
- RGB
- rgb(124 99 135)
- HSL
- hsl(282 15% 46%)
- OKLCH
- oklch(0.538 0.062 315.4)
WCAG contrast: on white 5.26:1 (AA) · on black 3.99:1 (Fail)
- #7F523E color page →
accent
#7F523E
- RGB
- rgb(127 82 62)
- HSL
- hsl(18 34% 37%)
- OKLCH
- oklch(0.484 0.068 44.7)
WCAG contrast: on white 6.60:1 (AA) · on black 3.17:1 (Fail)
- #01080D color page →
text
#01080D
- RGB
- rgb(1 8 13)
- HSL
- hsl(205 86% 3%)
- OKLCH
- oklch(0.127 0.021 228.8)
WCAG contrast: on white 20.15:1 (AAA) · on black 1.04:1 (Fail)
Export Cigar Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dbe4e8;
--surface: #7c6387;
--accent: #7f523e;
--text: #01080d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dbe4e8;
--color-surface: #7c6387;
--color-accent: #7f523e;
--color-text: #01080d;
}JSON (DTCG tokens)
{
"cigar-studio-23k": {
"bg": {
"$type": "color",
"$value": "#dbe4e8"
},
"surface": {
"$type": "color",
"$value": "#7c6387"
},
"accent": {
"$type": "color",
"$value": "#7f523e"
},
"text": {
"$type": "color",
"$value": "#01080d"
}
}
}About this palette
Cigar Studio is a 4-color OKLCH-ready palette tagged yellow, gray, warm, 4 colors. Hex values: #DBE4E8, #7C6387, #7F523E, #01080D. APCA contrast score Lc 7.9. 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 Cigar Studio by OKLab color distance.