Warm · curated
Copper Roof
Copper Roof is a curated weathered, civic, welcoming system designed to move from expressive brand color to dependable surface and text roles.
Color values
Copper Roof Primary · primary
HEX #B8573C
RGB 184, 87, 60
HSL 13°, 51%, 48%
On white 4.70:1 · on black 4.47:1
Copper Roof Secondary · secondary
HEX #D08C60
RGB 208, 140, 96
HSL 24°, 54%, 60%
On white 2.76:1 · on black 7.60:1
Copper Roof Accent · accent
HEX #E8B86D
RGB 232, 184, 109
HSL 37°, 73%, 67%
On white 1.82:1 · on black 11.51:1
Copper Roof Background · background
HEX #FAF2E7
RGB 250, 242, 231
HSL 35°, 66%, 94%
On white 1.11:1 · on black 18.92:1
Copper Roof Text · text
HEX #30343F
RGB 48, 52, 63
HSL 224°, 14%, 22%
On white 12.44:1 · on black 1.69:1
Text contrast between these colors
WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.