Palette · 2 colors · Lc 9.3
Quiet Pineapple Grove palette
Quiet Pineapple Grove: a 2-color palette (Trending, Green, Gray, Warm). HEX, RGB, HSL and OKLCH for #FAF2E8, #5C3F19, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
primary
#FAF2E8
secondary
#5C3F19
Colors in Quiet Pineapple Grove: HEX, RGB, HSL & OKLCH
- #FAF2E8 color page →
primary
#FAF2E8
- RGB
- rgb(250 242 232)
- HSL
- hsl(33 64% 95%)
- OKLCH
- oklch(0.965 0.016 73.7)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.93:1 (AAA)
- #5C3F19 color page →
secondary
#5C3F19
- RGB
- rgb(92 63 25)
- HSL
- hsl(34 57% 23%)
- OKLCH
- oklch(0.392 0.067 70.9)
WCAG contrast: on white 9.63:1 (AAA) · on black 2.18:1 (Fail)
Export Quiet Pineapple Grove: CSS variables, Tailwind & JSON
CSS variables
:root {
--primary: #faf2e8;
--secondary: #5c3f19;
}Tailwind CSS v4 @theme
@theme {
--color-primary: #faf2e8;
--color-secondary: #5c3f19;
}JSON (DTCG tokens)
{
"quiet-pineapple-grove-28s": {
"primary": {
"$type": "color",
"$value": "#faf2e8"
},
"secondary": {
"$type": "color",
"$value": "#5c3f19"
}
}
}About this palette
Quiet Pineapple Grove is a 2-color OKLCH-ready palette tagged trending, green, gray, warm, 2 colors, pair. Hex values: #FAF2E8, #5C3F19. APCA contrast score Lc 9.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 Quiet Pineapple Grove by OKLab color distance.