Palette · 4 colors · Lc 8.4
Berry Jam Quartz palette
Berry Jam Quartz: a 4-color palette (Pink, Gray, 4 Colors). HEX, RGB, HSL and OKLCH for #EAECDC, #367479, #615889, #0B0A03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAECDC
surface
#367479
accent
#615889
text
#0B0A03
Colors in Berry Jam Quartz: HEX, RGB, HSL & OKLCH
- #EAECDC color page →
bg
#EAECDC
- RGB
- rgb(234 236 220)
- HSL
- hsl(68 30% 89%)
- OKLCH
- oklch(0.937 0.021 112.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.53:1 (AAA)
- #367479 color page →
surface
#367479
- RGB
- rgb(54 116 121)
- HSL
- hsl(184 38% 34%)
- OKLCH
- oklch(0.52 0.064 202.4)
WCAG contrast: on white 5.34:1 (AA) · on black 3.93:1 (Fail)
- #615889 color page →
accent
#615889
- RGB
- rgb(97 88 137)
- HSL
- hsl(251 22% 44%)
- OKLCH
- oklch(0.49 0.078 291.7)
WCAG contrast: on white 6.43:1 (AA) · on black 3.26:1 (Fail)
- #0B0A03 color page →
text
#0B0A03
- RGB
- rgb(11 10 3)
- HSL
- hsl(53 57% 3%)
- OKLCH
- oklch(0.143 0.019 103.2)
WCAG contrast: on white 19.83:1 (AAA) · on black 1.05:1 (Fail)
Export Berry Jam Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaecdc;
--surface: #367479;
--accent: #615889;
--text: #0b0a03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaecdc;
--color-surface: #367479;
--color-accent: #615889;
--color-text: #0b0a03;
}JSON (DTCG tokens)
{
"berry-jam-quartz-4pa": {
"bg": {
"$type": "color",
"$value": "#eaecdc"
},
"surface": {
"$type": "color",
"$value": "#367479"
},
"accent": {
"$type": "color",
"$value": "#615889"
},
"text": {
"$type": "color",
"$value": "#0b0a03"
}
}
}About this palette
Berry Jam Quartz is a 4-color OKLCH-ready palette tagged pink, gray, 4 colors. Hex values: #EAECDC, #367479, #615889, #0B0A03. APCA contrast score Lc 8.4. 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 Berry Jam Quartz by OKLab color distance.