#4A0E0E
#9C3F3C
#C85956
#E8D8C4
#480D24Espresso
#983D5DBrick Red
#C3577DMulberry
#EDD5C8Bone
Mulberry & Brick Red Vibe is a analogous color palette tagged luxury, dark, warm. Analogous neighbors on the wheel (Espresso, Brick Red, 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 |
|---|---|---|---|---|---|
| Espresso | #480D24 | rgb(72, 13, 36) | hsl(337, 69%, 17%) | oklch(27.4% 0.090 2) | |
| Brick Red | #983D5D | rgb(152, 61, 93) | hsl(339, 43%, 42%) | oklch(49.3% 0.126 1) | |
| Mulberry | #C3577D | rgb(195, 87, 125) | hsl(339, 47%, 55%) | oklch(60.2% 0.143 0) | |
| Bone | #EDD5C8 | rgb(237, 213, 200) | hsl(21, 51%, 86%) | oklch(88.9% 0.032 50) |
Why it works and how to use it
With 4 chromatic colors, Mulberry takes the lead while the rest support. Lightness runs from 17% to 86%. Well suited to premium branding and packaging.
- Background: Bone (#EDD5C8) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#480D24) on #EDD5C8 gives 11.01:1, passing WCAG AAA.
- Primary: Mulberry (#C3577D) is the most saturated mid-tone; use it for buttons and links (3:1 against the background, fine for UI elements).
- Accent: Brick Red (#983D5D) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Bone at 11.01:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Mulberry & Brick Red Vibe
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
#480D24
#983D5D
#C3577D
#EDD5C8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#480D24 on #EDD5C8 | Aa | 11.01:1 | AAA |
#983D5D on #EDD5C8 | Aa | 4.73:1 | AA |
#480D24 on #C3577D | Aa | 3.67:1 | AA large only |
#C3577D on #EDD5C8 | Aa | 3:1 | AA large only |
#480D24 on #983D5D | Aa | 2.33:1 | Fail |
#983D5D on #C3577D | Aa | 1.58:1 | Fail |
Similar palettes 24 more in this mood
#441800
#994617
#C4602E
#E1DBC3
#3E0A1D
#8B2F4B
#C9A961
#F4ECE4
#3C1D1A
#84524E
#AB6E6A
#E2D9CE
#E7E1D6
#FFCC5D
#6C5830
#352C1A
#4A1F14
#8C3B2A
#C9856A
#F3E6DD
#380D2E
#81336A
#DB9F6B
#F4ECE4
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#462401
#834500
#BF8D57
#F3E6DD
#400C1C
#94384C
#CC687B
#F7E8F1
#32171F
#75444F
#BDAB86
#F1EDE8
#000000
#3A3A3A
#D4AF37
#F2F2F2
#3A0F2E
#8A3B6D
#C06AA0
#F7E8F1
#590D22
#93253E
#C9184A
#FFB3C1
#14101F
#4D4365
#8E6BFF
#EEE9FF
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#F0F0F0
#7454DD
#574F44
#0E0E0E
#E5E0DA
#CF63FF
#564733
#140E05
#ECE7E0
#3376E0
#5C513F
#181107
#492228
#7A4148
#A5505B
#E9BEC6
#EFEFEF
#A22DE0
#6A5F52
#222221
#180201
#514949
#208C00
#DEDEDE
#342037
#725071
#A17698
#F0EAF0
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC