Palette · 9 colors · Lc 10
Pure Spiced Brief palette
Pure Spiced Brief: a 9-color palette (Orange, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #FAF3EE, #EAC3AC, #D3A383, #B7745E, #A25F53, #7F423D, #5C2B2C, #3F2220, #1E0F0B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF3EE
surface
#EAC3AC
muted
#D3A383
primary
#B7745E
secondary
#A25F53
accent
#7F423D
highlight
#5C2B2C
border
#3F2220
text
#1E0F0B
Colors in Pure Spiced Brief: HEX, RGB, HSL & OKLCH
- #FAF3EE color page →
bg
#FAF3EE
- RGB
- rgb(250 243 238)
- HSL
- hsl(25 55% 96%)
- OKLCH
- oklch(0.968 0.01 58.2)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.11:1 (AAA)
- #EAC3AC color page →
surface
#EAC3AC
- RGB
- rgb(234 195 172)
- HSL
- hsl(22 60% 80%)
- OKLCH
- oklch(0.845 0.055 52.2)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.90:1 (AAA)
- #D3A383 color page →
muted
#D3A383
- RGB
- rgb(211 163 131)
- HSL
- hsl(24 48% 67%)
- OKLCH
- oklch(0.752 0.072 55)
WCAG contrast: on white 2.24:1 (Fail) · on black 9.33:1 (AAA)
- #B7745E color page →
primary
#B7745E
- RGB
- rgb(183 116 94)
- HSL
- hsl(15 38% 54%)
- OKLCH
- oklch(0.625 0.091 38.9)
WCAG contrast: on white 3.70:1 (Fail) · on black 5.67:1 (AA)
- #A25F53 color page →
secondary
#A25F53
- RGB
- rgb(162 95 83)
- HSL
- hsl(9 32% 48%)
- OKLCH
- oklch(0.558 0.09 31)
WCAG contrast: on white 4.88:1 (AA) · on black 4.29:1 (Fail)
- #7F423D color page →
accent
#7F423D
- RGB
- rgb(127 66 61)
- HSL
- hsl(5 35% 37%)
- OKLCH
- oklch(0.454 0.085 25.8)
WCAG contrast: on white 7.63:1 (AAA) · on black 2.74:1 (Fail)
- #5C2B2C color page →
highlight
#5C2B2C
- RGB
- rgb(92 43 44)
- HSL
- hsl(359 36% 26%)
- OKLCH
- oklch(0.356 0.072 20.1)
WCAG contrast: on white 11.43:1 (AAA) · on black 1.83:1 (Fail)
- #3F2220 color page →
border
#3F2220
- RGB
- rgb(63 34 32)
- HSL
- hsl(4 33% 19%)
- OKLCH
- oklch(0.29 0.045 24.4)
WCAG contrast: on white 14.37:1 (AAA) · on black 1.46:1 (Fail)
- #1E0F0B color page →
text
#1E0F0B
- RGB
- rgb(30 15 11)
- HSL
- hsl(13 46% 8%)
- OKLCH
- oklch(0.189 0.027 35.7)
WCAG contrast: on white 18.61:1 (AAA) · on black 1.12:1 (Fail)
Export Pure Spiced Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf3ee;
--surface: #eac3ac;
--muted: #d3a383;
--primary: #b7745e;
--secondary: #a25f53;
--accent: #7f423d;
--highlight: #5c2b2c;
--border: #3f2220;
--text: #1e0f0b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf3ee;
--color-surface: #eac3ac;
--color-muted: #d3a383;
--color-primary: #b7745e;
--color-secondary: #a25f53;
--color-accent: #7f423d;
--color-highlight: #5c2b2c;
--color-border: #3f2220;
--color-text: #1e0f0b;
}JSON (DTCG tokens)
{
"pure-spiced-brief-9b": {
"bg": {
"$type": "color",
"$value": "#faf3ee"
},
"surface": {
"$type": "color",
"$value": "#eac3ac"
},
"muted": {
"$type": "color",
"$value": "#d3a383"
},
"primary": {
"$type": "color",
"$value": "#b7745e"
},
"secondary": {
"$type": "color",
"$value": "#a25f53"
},
"accent": {
"$type": "color",
"$value": "#7f423d"
},
"highlight": {
"$type": "color",
"$value": "#5c2b2c"
},
"border": {
"$type": "color",
"$value": "#3f2220"
},
"text": {
"$type": "color",
"$value": "#1e0f0b"
}
}
}About this palette
Pure Spiced Brief is a 9-color OKLCH-ready palette tagged orange, warm, nature, brown, 9 colors. Hex values: #FAF3EE, #EAC3AC, #D3A383, #B7745E, #A25F53, #7F423D, #5C2B2C, #3F2220, #1E0F0B. 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 Pure Spiced Brief by OKLab color distance.