Palette · 9 colors · Lc 9.3
Dried Tomatoes Quartz palette
Dried Tomatoes Quartz: a 9-color palette (Orange, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #FDE5E2, #EFC4CB, #D49FAD, #C98190, #B25E57, #864B3C, #65330A, #4A241B, #2C1011, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDE5E2
surface
#EFC4CB
muted
#D49FAD
primary
#C98190
secondary
#B25E57
accent
#864B3C
highlight
#65330A
border
#4A241B
text
#2C1011
Colors in Dried Tomatoes Quartz: HEX, RGB, HSL & OKLCH
- #FDE5E2 color page →
bg
#FDE5E2
- RGB
- rgb(253 229 226)
- HSL
- hsl(7 87% 94%)
- OKLCH
- oklch(0.94 0.027 26.2)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.48:1 (AAA)
- #EFC4CB color page →
surface
#EFC4CB
- RGB
- rgb(239 196 203)
- HSL
- hsl(350 57% 85%)
- OKLCH
- oklch(0.86 0.05 7.2)
WCAG contrast: on white 1.56:1 (Fail) · on black 13.42:1 (AAA)
- #D49FAD color page →
muted
#D49FAD
- RGB
- rgb(212 159 173)
- HSL
- hsl(344 38% 73%)
- OKLCH
- oklch(0.756 0.065 1.3)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.36:1 (AAA)
- #C98190 color page →
primary
#C98190
- RGB
- rgb(201 129 144)
- HSL
- hsl(348 40% 65%)
- OKLCH
- oklch(0.682 0.091 6.2)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.02:1 (AAA)
- #B25E57 color page →
secondary
#B25E57
- RGB
- rgb(178 94 87)
- HSL
- hsl(5 37% 52%)
- OKLCH
- oklch(0.579 0.11 26)
WCAG contrast: on white 4.53:1 (AA) · on black 4.63:1 (AA)
- #864B3C color page →
accent
#864B3C
- RGB
- rgb(134 75 60)
- HSL
- hsl(12 38% 38%)
- OKLCH
- oklch(0.48 0.084 35.2)
WCAG contrast: on white 6.80:1 (AA) · on black 3.08:1 (Fail)
- #65330A color page →
highlight
#65330A
- RGB
- rgb(101 51 10)
- HSL
- hsl(27 82% 22%)
- OKLCH
- oklch(0.379 0.088 54)
WCAG contrast: on white 10.33:1 (AAA) · on black 2.03:1 (Fail)
- #4A241B color page →
border
#4A241B
- RGB
- rgb(74 36 27)
- HSL
- hsl(11 47% 20%)
- OKLCH
- oklch(0.31 0.06 34.4)
WCAG contrast: on white 13.46:1 (AAA) · on black 1.55:1 (Fail)
- #2C1011 color page →
text
#2C1011
- RGB
- rgb(44 16 17)
- HSL
- hsl(358 47% 12%)
- OKLCH
- oklch(0.217 0.046 19.5)
WCAG contrast: on white 17.65:1 (AAA) · on black 1.18:1 (Fail)
Export Dried Tomatoes Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fde5e2;
--surface: #efc4cb;
--muted: #d49fad;
--primary: #c98190;
--secondary: #b25e57;
--accent: #864b3c;
--highlight: #65330a;
--border: #4a241b;
--text: #2c1011;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fde5e2;
--color-surface: #efc4cb;
--color-muted: #d49fad;
--color-primary: #c98190;
--color-secondary: #b25e57;
--color-accent: #864b3c;
--color-highlight: #65330a;
--color-border: #4a241b;
--color-text: #2c1011;
}JSON (DTCG tokens)
{
"dried-tomatoes-quartz-31s": {
"bg": {
"$type": "color",
"$value": "#fde5e2"
},
"surface": {
"$type": "color",
"$value": "#efc4cb"
},
"muted": {
"$type": "color",
"$value": "#d49fad"
},
"primary": {
"$type": "color",
"$value": "#c98190"
},
"secondary": {
"$type": "color",
"$value": "#b25e57"
},
"accent": {
"$type": "color",
"$value": "#864b3c"
},
"highlight": {
"$type": "color",
"$value": "#65330a"
},
"border": {
"$type": "color",
"$value": "#4a241b"
},
"text": {
"$type": "color",
"$value": "#2c1011"
}
}
}About this palette
Dried Tomatoes Quartz is a 9-color OKLCH-ready palette tagged orange, warm, 9 colors. Hex values: #FDE5E2, #EFC4CB, #D49FAD, #C98190, #B25E57, #864B3C, #65330A, #4A241B, #2C1011. 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 Dried Tomatoes Quartz by OKLab color distance.