#B87333
#F5DEB3
#F0E5DA
#6B8E23
Color Palette
Terracotta
A sun-baked canvas of rich warmth and tranquil openness.
by Colorffy Team
About
Orange
Brown
Green
nature
spring
Main Actions
#B87333
#F5DEB3
#F0E5DA
#6B8E23
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #b87333 | rgb(72.2% 45.1% 20%) | hwb(29 20% 28%) | oklab(61.8% 0.058 0.102) | oklch(61.8% 0.117 60.4) | color(display-p3 0.683 0.463 0.25) | |
| | #f5deb3 | rgb(96.1% 87.1% 70.2%) | hwb(39 70% 3.9%) | oklab(90.9% 0.007 0.061) | oklch(90.9% 0.061 83) | color(display-p3 0.946 0.874 0.721) | |
| | #f0e5da | rgb(94.1% 89.8% 85.5%) | hwb(30 85% 5.9%) | oklab(92.8% 0.007 0.018) | oklch(92.8% 0.019 67.6) | color(display-p3 0.934 0.9 0.86) | |
| | #6b8e23 | rgb(42% 55.7% 13.7%) | hwb(80 14% 44%) | oklab(59.9% -0.081 0.111) | oklch(59.9% 0.137 126) | color(display-p3 0.448 0.553 0.213) |
Click on a color value to copy it to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#B87333
Fail - 3.79
Lc -71
#F5DEB3
Fail - 1.31
Lc -18
#F0E5DA
Fail - 1.24
Lc -14
#6B8E23
Fail - 3.8
Lc -71
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with Protanopia
Colors preview as palette with Protanopia
UI components preview
Preview the palette in different UI components.
PWA Prompt