Palette · 8 colors · Lc 9.6
Precious Copper Cascade palette
Precious Copper Cascade: a 8-color palette (Yellow, Warm, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #120B06, #3F1D02, #66370F, #8A501E, #AF7C4D, #CC9769, #E5C3A9, #FFEFE1, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Warm
- Monochromatic
- 8 Colors
bg
#120B06
surface
#3F1D02
muted
#66370F
primary
#8A501E
secondary
#AF7C4D
accent
#CC9769
highlight
#E5C3A9
text
#FFEFE1
Colors in Precious Copper Cascade: HEX, RGB, HSL & OKLCH
- #120B06 color page →
bg
#120B06
- RGB
- rgb(18 11 6)
- HSL
- hsl(25 50% 5%)
- OKLCH
- oklch(0.157 0.017 59.9)
WCAG contrast: on white 19.51:1 (AAA) · on black 1.07:1 (Fail)
- #3F1D02 color page →
surface
#3F1D02
- RGB
- rgb(63 29 2)
- HSL
- hsl(27 94% 13%)
- OKLCH
- oklch(0.274 0.065 54.8)
WCAG contrast: on white 15.12:1 (AAA) · on black 1.38:1 (Fail)
- #66370F color page →
muted
#66370F
- RGB
- rgb(102 55 15)
- HSL
- hsl(28 74% 23%)
- OKLCH
- oklch(0.389 0.084 56.2)
WCAG contrast: on white 9.91:1 (AAA) · on black 2.11:1 (Fail)
- #8A501E color page →
primary
#8A501E
- RGB
- rgb(138 80 30)
- HSL
- hsl(28 64% 33%)
- OKLCH
- oklch(0.49 0.1 57.5)
WCAG contrast: on white 6.46:1 (AA) · on black 3.24:1 (Fail)
- #AF7C4D color page →
secondary
#AF7C4D
- RGB
- rgb(175 124 77)
- HSL
- hsl(29 39% 49%)
- OKLCH
- oklch(0.627 0.09 62.7)
WCAG contrast: on white 3.61:1 (Fail) · on black 5.81:1 (AA)
- #CC9769 color page →
accent
#CC9769
- RGB
- rgb(204 151 105)
- HSL
- hsl(28 49% 61%)
- OKLCH
- oklch(0.717 0.089 61.6)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.19:1 (AAA)
- #E5C3A9 color page →
highlight
#E5C3A9
- RGB
- rgb(229 195 169)
- HSL
- hsl(26 54% 78%)
- OKLCH
- oklch(0.84 0.052 59.4)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.71:1 (AAA)
- #FFEFE1 color page →
text
#FFEFE1
- RGB
- rgb(255 239 225)
- HSL
- hsl(28 100% 94%)
- OKLCH
- oklch(0.961 0.025 63.7)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.68:1 (AAA)
Export Precious Copper Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #120b06;
--surface: #3f1d02;
--muted: #66370f;
--primary: #8a501e;
--secondary: #af7c4d;
--accent: #cc9769;
--highlight: #e5c3a9;
--text: #ffefe1;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #120b06;
--color-surface: #3f1d02;
--color-muted: #66370f;
--color-primary: #8a501e;
--color-secondary: #af7c4d;
--color-accent: #cc9769;
--color-highlight: #e5c3a9;
--color-text: #ffefe1;
}JSON (DTCG tokens)
{
"precious-copper-cascade-33i": {
"bg": {
"$type": "color",
"$value": "#120b06"
},
"surface": {
"$type": "color",
"$value": "#3f1d02"
},
"muted": {
"$type": "color",
"$value": "#66370f"
},
"primary": {
"$type": "color",
"$value": "#8a501e"
},
"secondary": {
"$type": "color",
"$value": "#af7c4d"
},
"accent": {
"$type": "color",
"$value": "#cc9769"
},
"highlight": {
"$type": "color",
"$value": "#e5c3a9"
},
"text": {
"$type": "color",
"$value": "#ffefe1"
}
}
}About this palette
Precious Copper Cascade is a 8-color OKLCH-ready palette tagged yellow, warm, monochromatic, 8 colors. Hex values: #120B06, #3F1D02, #66370F, #8A501E, #AF7C4D, #CC9769, #E5C3A9, #FFEFE1. APCA contrast score Lc 9.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 Precious Copper Cascade by OKLab color distance.