Terracotta Sun Color Palette
Warm clay brown through muted sage, an earthy, sunbaked palette.
Use as a gradient →
Colors
#7F4F24
#936639
#A68A64
#B6AD90
#C2C5AA
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #7F4F24 | T - | T - | |
| #936639 | T - | T - | |
| #A68A64 | T - | T - | |
| #B6AD90 | T - | T - | |
| #C2C5AA | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Terracotta Sun CSS Code
HEX Copy
#7F4F24 #936639 #A68A64 #B6AD90 #C2C5AA
RGBA Copy
rgba(127, 79, 36, 1.0) rgba(147, 102, 57, 1.0) rgba(166, 138, 100, 1.0) rgba(182, 173, 144, 1.0) rgba(194, 197, 170, 1.0)
HSLA Copy
hsla(28, 56%, 32%, 1.0) hsla(30, 44%, 40%, 1.0) hsla(35, 27%, 52%, 1.0) hsla(46, 21%, 64%, 1.0) hsla(67, 19%, 72%, 1.0)
More Color Palettes
FAQ
What colors are in the Terracotta Sun palette?Warm clay brown through muted sage, an earthy, sunbaked palette.
How do I turn the Terracotta Sun palette into a CSS gradient?
Use
background: linear-gradient(to right, #7F4F24, #936639, #A68A64, #B6AD90, #C2C5AA);, or click "Use as a gradient" above to open it in the live generator.