Palette · 4 colors · Lc 10
Muted Pineapple Cascade palette
Muted Pineapple Cascade: a 4-color palette (Green, Gray, 4 Colors). HEX, RGB, HSL and OKLCH for #FDF7ED, #AF9F72, #534405, #070704, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDF7ED
surface
#AF9F72
accent
#534405
text
#070704
Colors in Muted Pineapple Cascade: HEX, RGB, HSL & OKLCH
- #FDF7ED color page →
bg
#FDF7ED
- RGB
- rgb(253 247 237)
- HSL
- hsl(37 80% 96%)
- OKLCH
- oklch(0.978 0.015 80.7)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.70:1 (AAA)
- #AF9F72 color page →
surface
#AF9F72
- RGB
- rgb(175 159 114)
- HSL
- hsl(44 28% 57%)
- OKLCH
- oklch(0.705 0.064 90.8)
WCAG contrast: on white 2.61:1 (Fail) · on black 8.02:1 (AAA)
- #534405 color page →
accent
#534405
- RGB
- rgb(83 68 5)
- HSL
- hsl(48 89% 17%)
- OKLCH
- oklch(0.391 0.077 94)
WCAG contrast: on white 9.55:1 (AAA) · on black 2.19:1 (Fail)
- #070704 color page →
text
#070704
- RGB
- rgb(7 7 4)
- HSL
- hsl(60 27% 2%)
- OKLCH
- oklch(0.127 0.009 107.6)
WCAG contrast: on white 20.16:1 (AAA) · on black 1.04:1 (Fail)
Export Muted Pineapple Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fdf7ed;
--surface: #af9f72;
--accent: #534405;
--text: #070704;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fdf7ed;
--color-surface: #af9f72;
--color-accent: #534405;
--color-text: #070704;
}JSON (DTCG tokens)
{
"muted-pineapple-cascade-6ex": {
"bg": {
"$type": "color",
"$value": "#fdf7ed"
},
"surface": {
"$type": "color",
"$value": "#af9f72"
},
"accent": {
"$type": "color",
"$value": "#534405"
},
"text": {
"$type": "color",
"$value": "#070704"
}
}
}About this palette
Muted Pineapple Cascade is a 4-color OKLCH-ready palette tagged green, gray, 4 colors. Hex values: #FDF7ED, #AF9F72, #534405, #070704. 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 Muted Pineapple Cascade by OKLab color distance.