Palette · 4 colors · Lc 7.9
Strawberry Field Quartz palette
Strawberry Field Quartz: a 4-color palette (Orange, Warm, Sunset, 4 Colors). HEX, RGB, HSL and OKLCH for #FFDBD0, #F68785, #82316B, #0F1634, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDBD0
surface
#F68785
accent
#82316B
text
#0F1634
Colors in Strawberry Field Quartz: HEX, RGB, HSL & OKLCH
- #FFDBD0 color page →
bg
#FFDBD0
- RGB
- rgb(255 219 208)
- HSL
- hsl(14 100% 91%)
- OKLCH
- oklch(0.919 0.043 37.7)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.29:1 (AAA)
- #F68785 color page →
surface
#F68785
- RGB
- rgb(246 135 133)
- HSL
- hsl(1 86% 74%)
- OKLCH
- oklch(0.744 0.136 21.9)
WCAG contrast: on white 2.40:1 (Fail) · on black 8.72:1 (AAA)
- #82316B color page →
accent
#82316B
- RGB
- rgb(130 49 107)
- HSL
- hsl(317 45% 35%)
- OKLCH
- oklch(0.448 0.132 340.3)
WCAG contrast: on white 8.07:1 (AAA) · on black 2.60:1 (Fail)
- #0F1634 color page →
text
#0F1634
- RGB
- rgb(15 22 52)
- HSL
- hsl(229 55% 13%)
- OKLCH
- oklch(0.213 0.06 270.7)
WCAG contrast: on white 17.72:1 (AAA) · on black 1.18:1 (Fail)
Export Strawberry Field Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffdbd0;
--surface: #f68785;
--accent: #82316b;
--text: #0f1634;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffdbd0;
--color-surface: #f68785;
--color-accent: #82316b;
--color-text: #0f1634;
}JSON (DTCG tokens)
{
"strawberry-field-quartz-4a0": {
"bg": {
"$type": "color",
"$value": "#ffdbd0"
},
"surface": {
"$type": "color",
"$value": "#f68785"
},
"accent": {
"$type": "color",
"$value": "#82316b"
},
"text": {
"$type": "color",
"$value": "#0f1634"
}
}
}About this palette
Strawberry Field Quartz is a 4-color OKLCH-ready palette tagged orange, warm, sunset, 4 colors. Hex values: #FFDBD0, #F68785, #82316B, #0F1634. APCA contrast score Lc 7.9. 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 Strawberry Field Quartz by OKLab color distance.