Palette · 4 colors · Lc 9.3
Pure Copper Hopper Beacon palette
Pure Copper Hopper Beacon: a 4-color palette (Orange, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FFEDE3, #BC3D00, #4A250F, #160702, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEDE3
surface
#BC3D00
accent
#4A250F
text
#160702
Colors in Pure Copper Hopper Beacon: HEX, RGB, HSL & OKLCH
- #FFEDE3 color page →
bg
#FFEDE3
- RGB
- rgb(255 237 227)
- HSL
- hsl(21 100% 95%)
- OKLCH
- oklch(0.958 0.024 51.2)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.47:1 (AAA)
- #BC3D00 color page →
surface
#BC3D00
- RGB
- rgb(188 61 0)
- HSL
- hsl(19 100% 37%)
- OKLCH
- oklch(0.538 0.172 39)
WCAG contrast: on white 5.51:1 (AA) · on black 3.80:1 (Fail)
- #4A250F color page →
accent
#4A250F
- RGB
- rgb(74 37 15)
- HSL
- hsl(22 66% 17%)
- OKLCH
- oklch(0.31 0.065 49.2)
WCAG contrast: on white 13.43:1 (AAA) · on black 1.56:1 (Fail)
- #160702 color page →
text
#160702
- RGB
- rgb(22 7 2)
- HSL
- hsl(15 83% 5%)
- OKLCH
- oklch(0.151 0.032 47.6)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
Export Pure Copper Hopper Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffede3;
--surface: #bc3d00;
--accent: #4a250f;
--text: #160702;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffede3;
--color-surface: #bc3d00;
--color-accent: #4a250f;
--color-text: #160702;
}JSON (DTCG tokens)
{
"pure-copper-hopper-beacon-m4": {
"bg": {
"$type": "color",
"$value": "#ffede3"
},
"surface": {
"$type": "color",
"$value": "#bc3d00"
},
"accent": {
"$type": "color",
"$value": "#4a250f"
},
"text": {
"$type": "color",
"$value": "#160702"
}
}
}About this palette
Pure Copper Hopper Beacon is a 4-color OKLCH-ready palette tagged orange, warm, 4 colors. Hex values: #FFEDE3, #BC3D00, #4A250F, #160702. 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 Copper Hopper Beacon by OKLab color distance.