Palette · 8 colors · Lc 9.2
True Watermelon Gelato Lattice palette
True Watermelon Gelato Lattice: a 8-color palette (Red, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F8E3DD, #E3C2BB, #CA9590, #B2696F, #824D58, #6D3845, #43242D, #1E0B0E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8E3DD
surface
#E3C2BB
muted
#CA9590
primary
#B2696F
secondary
#824D58
accent
#6D3845
highlight
#43242D
text
#1E0B0E
Colors in True Watermelon Gelato Lattice: HEX, RGB, HSL & OKLCH
- #F8E3DD color page →
bg
#F8E3DD
- RGB
- rgb(248 227 221)
- HSL
- hsl(13 66% 92%)
- OKLCH
- oklch(0.931 0.025 36.5)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.02:1 (AAA)
- #E3C2BB color page →
surface
#E3C2BB
- RGB
- rgb(227 194 187)
- HSL
- hsl(11 42% 81%)
- OKLCH
- oklch(0.84 0.039 32)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.70:1 (AAA)
- #CA9590 color page →
muted
#CA9590
- RGB
- rgb(202 149 144)
- HSL
- hsl(5 35% 68%)
- OKLCH
- oklch(0.719 0.065 24.9)
WCAG contrast: on white 2.55:1 (Fail) · on black 8.21:1 (AAA)
- #B2696F color page →
primary
#B2696F
- RGB
- rgb(178 105 111)
- HSL
- hsl(355 32% 55%)
- OKLCH
- oklch(0.603 0.094 15)
WCAG contrast: on white 4.08:1 (Fail) · on black 5.14:1 (AA)
- #824D58 color page →
secondary
#824D58
- RGB
- rgb(130 77 88)
- HSL
- hsl(348 26% 41%)
- OKLCH
- oklch(0.485 0.073 6.7)
WCAG contrast: on white 6.66:1 (AA) · on black 3.15:1 (Fail)
- #6D3845 color page →
accent
#6D3845
- RGB
- rgb(109 56 69)
- HSL
- hsl(345 32% 32%)
- OKLCH
- oklch(0.412 0.076 5.3)
WCAG contrast: on white 9.12:1 (AAA) · on black 2.30:1 (Fail)
- #43242D color page →
highlight
#43242D
- RGB
- rgb(67 36 45)
- HSL
- hsl(343 30% 20%)
- OKLCH
- oklch(0.304 0.049 1.7)
WCAG contrast: on white 13.73:1 (AAA) · on black 1.52:1 (Fail)
- #1E0B0E color page →
text
#1E0B0E
- RGB
- rgb(30 11 14)
- HSL
- hsl(351 46% 8%)
- OKLCH
- oklch(0.18 0.033 10.9)
WCAG contrast: on white 18.92:1 (AAA) · on black 1.10:1 (Fail)
Export True Watermelon Gelato Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8e3dd;
--surface: #e3c2bb;
--muted: #ca9590;
--primary: #b2696f;
--secondary: #824d58;
--accent: #6d3845;
--highlight: #43242d;
--text: #1e0b0e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8e3dd;
--color-surface: #e3c2bb;
--color-muted: #ca9590;
--color-primary: #b2696f;
--color-secondary: #824d58;
--color-accent: #6d3845;
--color-highlight: #43242d;
--color-text: #1e0b0e;
}JSON (DTCG tokens)
{
"true-watermelon-gelato-lattice-6y1": {
"bg": {
"$type": "color",
"$value": "#f8e3dd"
},
"surface": {
"$type": "color",
"$value": "#e3c2bb"
},
"muted": {
"$type": "color",
"$value": "#ca9590"
},
"primary": {
"$type": "color",
"$value": "#b2696f"
},
"secondary": {
"$type": "color",
"$value": "#824d58"
},
"accent": {
"$type": "color",
"$value": "#6d3845"
},
"highlight": {
"$type": "color",
"$value": "#43242d"
},
"text": {
"$type": "color",
"$value": "#1e0b0e"
}
}
}About this palette
True Watermelon Gelato Lattice is a 8-color OKLCH-ready palette tagged red, warm, nature, brown, 8 colors. Hex values: #F8E3DD, #E3C2BB, #CA9590, #B2696F, #824D58, #6D3845, #43242D, #1E0B0E. APCA contrast score Lc 9.2. 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 True Watermelon Gelato Lattice by OKLab color distance.