Palette · 10 colors · Lc 8.6
True Equestrienne Canvas palette
True Equestrienne Canvas: a 10-color palette (Orange, Gray, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #0F0705, #281817, #432322, #603A37, #7B5756, #9C7172, #B08D8D, #C5AAAD, #E7D4D7, #F5EEEE, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0F0705
surface
#281817
muted
#432322
primary
#603A37
secondary
#7B5756
accent
#9C7172
highlight
#B08D8D
border
#C5AAAD
focus
#E7D4D7
text
#F5EEEE
Colors in True Equestrienne Canvas: HEX, RGB, HSL & OKLCH
- #0F0705 color page →
bg
#0F0705
- RGB
- rgb(15 7 5)
- HSL
- hsl(12 50% 4%)
- OKLCH
- oklch(0.14 0.016 38.8)
WCAG contrast: on white 19.94:1 (AAA) · on black 1.05:1 (Fail)
- #281817 color page →
surface
#281817
- RGB
- rgb(40 24 23)
- HSL
- hsl(4 27% 12%)
- OKLCH
- oklch(0.23 0.026 23.3)
WCAG contrast: on white 17.02:1 (AAA) · on black 1.23:1 (Fail)
- #432322 color page →
muted
#432322
- RGB
- rgb(67 35 34)
- HSL
- hsl(2 33% 20%)
- OKLCH
- oklch(0.299 0.049 22.3)
WCAG contrast: on white 13.97:1 (AAA) · on black 1.50:1 (Fail)
- #603A37 color page →
primary
#603A37
- RGB
- rgb(96 58 55)
- HSL
- hsl(4 27% 30%)
- OKLCH
- oklch(0.393 0.055 24.7)
WCAG contrast: on white 9.73:1 (AAA) · on black 2.15:1 (Fail)
- #7B5756 color page →
secondary
#7B5756
- RGB
- rgb(123 87 86)
- HSL
- hsl(2 18% 41%)
- OKLCH
- oklch(0.495 0.048 20.7)
WCAG contrast: on white 6.28:1 (AA) · on black 3.33:1 (Fail)
- #9C7172 color page →
accent
#9C7172
- RGB
- rgb(156 113 114)
- HSL
- hsl(359 18% 53%)
- OKLCH
- oklch(0.592 0.055 17.3)
WCAG contrast: on white 4.18:1 (Fail) · on black 5.01:1 (AA)
- #B08D8D color page →
highlight
#B08D8D
- RGB
- rgb(176 141 141)
- HSL
- hsl(0 18% 62%)
- OKLCH
- oklch(0.676 0.043 18.3)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.04:1 (AAA)
- #C5AAAD color page →
border
#C5AAAD
- RGB
- rgb(197 170 173)
- HSL
- hsl(353 19% 72%)
- OKLCH
- oklch(0.762 0.032 10.3)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.72:1 (AAA)
- #E7D4D7 color page →
focus
#E7D4D7
- RGB
- rgb(231 212 215)
- HSL
- hsl(351 28% 87%)
- OKLCH
- oklch(0.886 0.021 6.7)
WCAG contrast: on white 1.41:1 (Fail) · on black 14.79:1 (AAA)
- #F5EEEE color page →
text
#F5EEEE
- RGB
- rgb(245 238 238)
- HSL
- hsl(0 26% 95%)
- OKLCH
- oklch(0.955 0.008 17.3)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.34:1 (AAA)
Export True Equestrienne Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f0705;
--surface: #281817;
--muted: #432322;
--primary: #603a37;
--secondary: #7b5756;
--accent: #9c7172;
--highlight: #b08d8d;
--border: #c5aaad;
--focus: #e7d4d7;
--text: #f5eeee;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f0705;
--color-surface: #281817;
--color-muted: #432322;
--color-primary: #603a37;
--color-secondary: #7b5756;
--color-accent: #9c7172;
--color-highlight: #b08d8d;
--color-border: #c5aaad;
--color-focus: #e7d4d7;
--color-text: #f5eeee;
}JSON (DTCG tokens)
{
"true-equestrienne-canvas-2ws": {
"bg": {
"$type": "color",
"$value": "#0f0705"
},
"surface": {
"$type": "color",
"$value": "#281817"
},
"muted": {
"$type": "color",
"$value": "#432322"
},
"primary": {
"$type": "color",
"$value": "#603a37"
},
"secondary": {
"$type": "color",
"$value": "#7b5756"
},
"accent": {
"$type": "color",
"$value": "#9c7172"
},
"highlight": {
"$type": "color",
"$value": "#b08d8d"
},
"border": {
"$type": "color",
"$value": "#c5aaad"
},
"focus": {
"$type": "color",
"$value": "#e7d4d7"
},
"text": {
"$type": "color",
"$value": "#f5eeee"
}
}
}About this palette
True Equestrienne Canvas is a 10-color OKLCH-ready palette tagged orange, gray, warm, 10 colors. Hex values: #0F0705, #281817, #432322, #603A37, #7B5756, #9C7172, #B08D8D, #C5AAAD, #E7D4D7, #F5EEEE. APCA contrast score Lc 8.6. 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 Equestrienne Canvas by OKLab color distance.