Palette · 9 colors · Lc 7.9
True Plum Highness Cascade palette
True Plum Highness Cascade: a 9-color palette (Red, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #E6E0CA, #A79D76, #6A713D, #2E735E, #3A708C, #5A5585, #814F73, #4D2D23, #110F08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6E0CA
surface
#A79D76
muted
#6A713D
primary
#2E735E
secondary
#3A708C
accent
#5A5585
highlight
#814F73
border
#4D2D23
text
#110F08
Colors in True Plum Highness Cascade: HEX, RGB, HSL & OKLCH
- #E6E0CA color page →
bg
#E6E0CA
- RGB
- rgb(230 224 202)
- HSL
- hsl(47 36% 85%)
- OKLCH
- oklch(0.906 0.03 94.4)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.87:1 (AAA)
- #A79D76 color page →
surface
#A79D76
- RGB
- rgb(167 157 118)
- HSL
- hsl(48 22% 56%)
- OKLCH
- oklch(0.695 0.055 95.4)
WCAG contrast: on white 2.71:1 (Fail) · on black 7.72:1 (AAA)
- #6A713D color page →
muted
#6A713D
- RGB
- rgb(106 113 61)
- HSL
- hsl(68 30% 34%)
- OKLCH
- oklch(0.53 0.074 115.3)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #2E735E color page →
primary
#2E735E
- RGB
- rgb(46 115 94)
- HSL
- hsl(162 43% 32%)
- OKLCH
- oklch(0.505 0.078 170.2)
WCAG contrast: on white 5.62:1 (AA) · on black 3.73:1 (Fail)
- #3A708C color page →
secondary
#3A708C
- RGB
- rgb(58 112 140)
- HSL
- hsl(200 41% 39%)
- OKLCH
- oklch(0.52 0.072 233.1)
WCAG contrast: on white 5.41:1 (AA) · on black 3.87:1 (Fail)
- #5A5585 color page →
accent
#5A5585
- RGB
- rgb(90 85 133)
- HSL
- hsl(246 22% 43%)
- OKLCH
- oklch(0.475 0.077 287.9)
WCAG contrast: on white 6.83:1 (AA) · on black 3.07:1 (Fail)
- #814F73 color page →
highlight
#814F73
- RGB
- rgb(129 79 115)
- HSL
- hsl(317 24% 41%)
- OKLCH
- oklch(0.497 0.084 337.9)
WCAG contrast: on white 6.36:1 (AA) · on black 3.29:1 (Fail)
- #4D2D23 color page →
border
#4D2D23
- RGB
- rgb(77 45 35)
- HSL
- hsl(14 37% 22%)
- OKLCH
- oklch(0.335 0.051 38.1)
WCAG contrast: on white 12.24:1 (AAA) · on black 1.71:1 (Fail)
- #110F08 color page →
text
#110F08
- RGB
- rgb(17 15 8)
- HSL
- hsl(47 36% 5%)
- OKLCH
- oklch(0.168 0.014 94.3)
WCAG contrast: on white 19.16:1 (AAA) · on black 1.09:1 (Fail)
Export True Plum Highness Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6e0ca;
--surface: #a79d76;
--muted: #6a713d;
--primary: #2e735e;
--secondary: #3a708c;
--accent: #5a5585;
--highlight: #814f73;
--border: #4d2d23;
--text: #110f08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6e0ca;
--color-surface: #a79d76;
--color-muted: #6a713d;
--color-primary: #2e735e;
--color-secondary: #3a708c;
--color-accent: #5a5585;
--color-highlight: #814f73;
--color-border: #4d2d23;
--color-text: #110f08;
}JSON (DTCG tokens)
{
"true-plum-highness-cascade-1du": {
"bg": {
"$type": "color",
"$value": "#e6e0ca"
},
"surface": {
"$type": "color",
"$value": "#a79d76"
},
"muted": {
"$type": "color",
"$value": "#6a713d"
},
"primary": {
"$type": "color",
"$value": "#2e735e"
},
"secondary": {
"$type": "color",
"$value": "#3a708c"
},
"accent": {
"$type": "color",
"$value": "#5a5585"
},
"highlight": {
"$type": "color",
"$value": "#814f73"
},
"border": {
"$type": "color",
"$value": "#4d2d23"
},
"text": {
"$type": "color",
"$value": "#110f08"
}
}
}About this palette
True Plum Highness Cascade is a 9-color OKLCH-ready palette tagged red, warm, 9 colors. Hex values: #E6E0CA, #A79D76, #6A713D, #2E735E, #3A708C, #5A5585, #814F73, #4D2D23, #110F08. 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 True Plum Highness Cascade by OKLab color distance.