Woodland
Gentle and comforting colors, like a peaceful countryside retreat.
by Colorffy Team
About
Main Actions
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 |
|---|---|---|---|---|---|---|---|
| | #3d2b1f | rgb(23.9% 16.9% 12.2%) | hwb(24 12% 76%) | oklab(30.7% 0.019 0.028) | oklch(30.7% 0.034 54.8) | color(display-p3 0.228 0.171 0.128) | |
| | #594a41 | rgb(34.9% 29% 25.5%) | hwb(23 25% 65%) | oklab(42.2% 0.015 0.02) | oklch(42.2% 0.025 52.8) | color(display-p3 0.339 0.292 0.26) | |
| | #a7905f | rgb(65.5% 56.5% 37.3%) | hwb(41 37% 35%) | oklab(66.3% 0.006 0.072) | oklch(66.3% 0.072 85.4) | color(display-p3 0.64 0.568 0.397) | |
| | #e2d1b3 | rgb(88.6% 82% 70.2%) | hwb(38 70% 11%) | oklab(86.7% 0.006 0.044) | oklch(86.7% 0.044 81.9) | color(display-p3 0.875 0.822 0.715) | |
| | #d0b49f | rgb(81.6% 70.6% 62.4%) | hwb(26 62% 18%) | oklab(78.9% 0.022 0.037) | oklch(78.9% 0.043 59) | color(display-p3 0.798 0.71 0.634) |
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
Large Pass
Fail
#3D2B1F
AAA - 13.42
Lc -103
#594A41
AAA - 8.46
Lc -94
#A7905F
Fail - 3.08
Lc -63
#E2D1B3
Fail - 1.49
Lc -27
#D0B49F
Fail - 1.96
Lc -42
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.