Palette · 10 colors · Lc 9.3
Pure Copperhead Garden palette
Pure Copperhead Garden: a 10-color palette (Yellow, Warm, Monochromatic, 10 Colors). HEX, RGB, HSL and OKLCH for #140803, #311300, #542200, #722F00, #944B00, #BA6734, #DB824C, #DEA280, #EECAB0, #F5E6DF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Warm
- Monochromatic
- 10 Colors
bg
#140803
surface
#311300
muted
#542200
primary
#722F00
secondary
#944B00
accent
#BA6734
highlight
#DB824C
border
#DEA280
focus
#EECAB0
text
#F5E6DF
Colors in Pure Copperhead Garden: HEX, RGB, HSL & OKLCH
- #140803 color page →
bg
#140803
- RGB
- rgb(20 8 3)
- HSL
- hsl(18 74% 5%)
- OKLCH
- oklch(0.151 0.026 50.9)
WCAG contrast: on white 19.70:1 (AAA) · on black 1.06:1 (Fail)
- #311300 color page →
surface
#311300
- RGB
- rgb(49 19 0)
- HSL
- hsl(23 100% 10%)
- OKLCH
- oklch(0.229 0.058 52.5)
WCAG contrast: on white 17.16:1 (AAA) · on black 1.22:1 (Fail)
- #542200 color page →
muted
#542200
- RGB
- rgb(84 34 0)
- HSL
- hsl(24 100% 16%)
- OKLCH
- oklch(0.32 0.086 48.9)
WCAG contrast: on white 13.07:1 (AAA) · on black 1.60:1 (Fail)
- #722F00 color page →
primary
#722F00
- RGB
- rgb(114 47 0)
- HSL
- hsl(25 100% 22%)
- OKLCH
- oklch(0.393 0.108 47.6)
WCAG contrast: on white 9.89:1 (AAA) · on black 2.12:1 (Fail)
- #944B00 color page →
secondary
#944B00
- RGB
- rgb(148 75 0)
- HSL
- hsl(30 100% 29%)
- OKLCH
- oklch(0.494 0.122 55.5)
WCAG contrast: on white 6.43:1 (AA) · on black 3.26:1 (Fail)
- #BA6734 color page →
accent
#BA6734
- RGB
- rgb(186 103 52)
- HSL
- hsl(23 56% 47%)
- OKLCH
- oklch(0.599 0.125 49.9)
WCAG contrast: on white 4.13:1 (Fail) · on black 5.07:1 (AA)
- #DB824C color page →
highlight
#DB824C
- RGB
- rgb(219 130 76)
- HSL
- hsl(23 67% 58%)
- OKLCH
- oklch(0.692 0.13 50.5)
WCAG contrast: on white 2.87:1 (Fail) · on black 7.30:1 (AAA)
- #DEA280 color page →
border
#DEA280
- RGB
- rgb(222 162 128)
- HSL
- hsl(22 59% 69%)
- OKLCH
- oklch(0.761 0.085 50.6)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.58:1 (AAA)
- #EECAB0 color page →
focus
#EECAB0
- RGB
- rgb(238 202 176)
- HSL
- hsl(25 65% 81%)
- OKLCH
- oklch(0.863 0.054 57.8)
WCAG contrast: on white 1.53:1 (Fail) · on black 13.71:1 (AAA)
- #F5E6DF color page →
text
#F5E6DF
- RGB
- rgb(245 230 223)
- HSL
- hsl(19 52% 92%)
- OKLCH
- oklch(0.935 0.019 46.8)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.26:1 (AAA)
Export Pure Copperhead Garden: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #140803;
--surface: #311300;
--muted: #542200;
--primary: #722f00;
--secondary: #944b00;
--accent: #ba6734;
--highlight: #db824c;
--border: #dea280;
--focus: #eecab0;
--text: #f5e6df;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #140803;
--color-surface: #311300;
--color-muted: #542200;
--color-primary: #722f00;
--color-secondary: #944b00;
--color-accent: #ba6734;
--color-highlight: #db824c;
--color-border: #dea280;
--color-focus: #eecab0;
--color-text: #f5e6df;
}JSON (DTCG tokens)
{
"pure-copperhead-garden-7": {
"bg": {
"$type": "color",
"$value": "#140803"
},
"surface": {
"$type": "color",
"$value": "#311300"
},
"muted": {
"$type": "color",
"$value": "#542200"
},
"primary": {
"$type": "color",
"$value": "#722f00"
},
"secondary": {
"$type": "color",
"$value": "#944b00"
},
"accent": {
"$type": "color",
"$value": "#ba6734"
},
"highlight": {
"$type": "color",
"$value": "#db824c"
},
"border": {
"$type": "color",
"$value": "#dea280"
},
"focus": {
"$type": "color",
"$value": "#eecab0"
},
"text": {
"$type": "color",
"$value": "#f5e6df"
}
}
}About this palette
Pure Copperhead Garden is a 10-color OKLCH-ready palette tagged yellow, warm, monochromatic, 10 colors. Hex values: #140803, #311300, #542200, #722F00, #944B00, #BA6734, #DB824C, #DEA280, #EECAB0, #F5E6DF. 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 Pure Copperhead Garden by OKLab color distance.