#554910
#A76704
#A5BC85
#FFC5B2
#672C2DWine
#7F6B53Cocoa
#AB5C7BMulberry
#E2AA90Dusty Rose
Mulberry & Wine Field is a analogous color palette tagged earthy, warm. Analogous neighbors on the wheel (Wine, Cocoa, Mulberry) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Wine | #672C2D | rgb(103, 44, 45) | hsl(359, 40%, 29%) | oklch(37.6% 0.085 21) | |
| Cocoa | #7F6B53 | rgb(127, 107, 83) | hsl(33, 21%, 41%) | oklch(54.0% 0.044 72) | |
| Mulberry | #AB5C7B | rgb(171, 92, 123) | hsl(336, 32%, 52%) | oklch(57.6% 0.109 356) | |
| Dusty Rose | #E2AA90 | rgb(226, 170, 144) | hsl(19, 59%, 73%) | oklch(78.4% 0.075 46) |
Why it works and how to use it
It works because the lightness steps are gentle (29% to 73%), which keeps the mood consistent from edge to edge. Try it for wellness, organic and outdoor brands.
- Background: Dusty Rose (#E2AA90) is the lightest color, so it belongs on large surfaces.
- Text: Wine (#672C2D) on #E2AA90 gives 5.26:1, passing WCAG AA.
- Primary: Mulberry (#AB5C7B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Cocoa (#7F6B53) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Wine on Dusty Rose at 5.26:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Mulberry & Wine Field
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#672C2D
#7F6B53
#AB5C7B
#E2AA90
Color-blind check: under protanopia and deuteranopia, Cocoa and Mulberry become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#672C2D on #E2AA90 | Aa | 5.26:1 | AA |
#7F6B53 on #E2AA90 | Aa | 2.51:1 | Fail |
#672C2D on #AB5C7B | Aa | 2.3:1 | Fail |
#AB5C7B on #E2AA90 | Aa | 2.28:1 | Fail |
#672C2D on #7F6B53 | Aa | 2.09:1 | Fail |
#7F6B53 on #AB5C7B | Aa | 1.1:1 | Fail |
Similar palettes 24 more in this mood
#912805
#924F0E
#E1AB4F
#DBCC79
#C6CD7D
#EA8D6D
#A59775
#864D00
#D4B693
#B18974
#8E974C
#896F00
#7F6000
#B8885D
#B3B96E
#AEE699
#F1C5C4
#F48E65
#CE8EA2
#985B0E
#673D22
#6C5936
#949761
#B3D6AC
#D798C1
#8E6C65
#98485B
#72523A
#8C4E2D
#925D67
#BD7269
#A88C6F
#DEB4A2
#BE9696
#7E5726
#4F4206
#712F00
#9B4B24
#DD8865
#E6AA93
#743341
#8E694B
#AE796D
#D4AA51
#94364E
#915A0E
#CC9F91
#C7C09A
#603E2D
#9D6B03
#7F9A6E
#ADA643
#88383D
#7E5164
#D79272
#DABD98
#707A5F
#945F14
#544916
#563225
#79533C
#973C3E
#6B6F12
#ECB954
#ECA487
#C6966D
#C07873
#846839
#CFB196
#886155
#833044
#4F3F00
#553521
#B08D64
#CBA49A
#FFADB2
#D59E92
#C49935
#855228
#884454
#554223
#9B8A00
#93A869
#DAA785
#C8E385
#94D098
#A8875C
#89792D
#7B5900
#A6444A
#967960
#EB8D6B