Palette · 8 colors · Lc 8.3
Pure Berry Jam Canvas palette
Pure Berry Jam Canvas: a 8-color palette (Pink, Gray, 8 Colors). HEX, RGB, HSL and OKLCH for #E8E8E0, #A8A38A, #727D5F, #507277, #5E6A87, #6B5F82, #4F3136, #110E00, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8E8E0
surface
#A8A38A
muted
#727D5F
primary
#507277
secondary
#5E6A87
accent
#6B5F82
highlight
#4F3136
text
#110E00
Colors in Pure Berry Jam Canvas: HEX, RGB, HSL & OKLCH
- #E8E8E0 color page →
bg
#E8E8E0
- RGB
- rgb(232 232 224)
- HSL
- hsl(60 15% 89%)
- OKLCH
- oklch(0.929 0.011 106.6)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.05:1 (AAA)
- #A8A38A color page →
surface
#A8A38A
- RGB
- rgb(168 163 138)
- HSL
- hsl(50 15% 60%)
- OKLCH
- oklch(0.713 0.036 97.9)
WCAG contrast: on white 2.53:1 (Fail) · on black 8.27:1 (AAA)
- #727D5F color page →
muted
#727D5F
- RGB
- rgb(114 125 95)
- HSL
- hsl(82 14% 43%)
- OKLCH
- oklch(0.572 0.046 124.2)
WCAG contrast: on white 4.36:1 (Fail) · on black 4.81:1 (AA)
- #507277 color page →
primary
#507277
- RGB
- rgb(80 114 119)
- HSL
- hsl(188 20% 39%)
- OKLCH
- oklch(0.528 0.04 207.4)
WCAG contrast: on white 5.23:1 (AA) · on black 4.01:1 (Fail)
- #5E6A87 color page →
secondary
#5E6A87
- RGB
- rgb(94 106 135)
- HSL
- hsl(222 18% 45%)
- OKLCH
- oklch(0.525 0.048 267.2)
WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)
- #6B5F82 color page →
accent
#6B5F82
- RGB
- rgb(107 95 130)
- HSL
- hsl(261 16% 44%)
- OKLCH
- oklch(0.51 0.056 300.1)
WCAG contrast: on white 5.85:1 (AA) · on black 3.58:1 (Fail)
- #4F3136 color page →
highlight
#4F3136
- RGB
- rgb(79 49 54)
- HSL
- hsl(350 23% 25%)
- OKLCH
- oklch(0.351 0.044 8.7)
WCAG contrast: on white 11.50:1 (AAA) · on black 1.82:1 (Fail)
- #110E00 color page →
text
#110E00
- RGB
- rgb(17 14 0)
- HSL
- hsl(49 100% 3%)
- OKLCH
- oklch(0.162 0.034 101)
WCAG contrast: on white 19.32:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Berry Jam Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8e8e0;
--surface: #a8a38a;
--muted: #727d5f;
--primary: #507277;
--secondary: #5e6a87;
--accent: #6b5f82;
--highlight: #4f3136;
--text: #110e00;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8e8e0;
--color-surface: #a8a38a;
--color-muted: #727d5f;
--color-primary: #507277;
--color-secondary: #5e6a87;
--color-accent: #6b5f82;
--color-highlight: #4f3136;
--color-text: #110e00;
}JSON (DTCG tokens)
{
"pure-berry-jam-canvas-6du": {
"bg": {
"$type": "color",
"$value": "#e8e8e0"
},
"surface": {
"$type": "color",
"$value": "#a8a38a"
},
"muted": {
"$type": "color",
"$value": "#727d5f"
},
"primary": {
"$type": "color",
"$value": "#507277"
},
"secondary": {
"$type": "color",
"$value": "#5e6a87"
},
"accent": {
"$type": "color",
"$value": "#6b5f82"
},
"highlight": {
"$type": "color",
"$value": "#4f3136"
},
"text": {
"$type": "color",
"$value": "#110e00"
}
}
}About this palette
Pure Berry Jam Canvas is a 8-color OKLCH-ready palette tagged pink, gray, 8 colors. Hex values: #E8E8E0, #A8A38A, #727D5F, #507277, #5E6A87, #6B5F82, #4F3136, #110E00. APCA contrast score Lc 8.3. 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 Berry Jam Canvas by OKLab color distance.