#7F6000
#B8885D
#B3B96E
#AEE699
#88383DBrick Red
#7E5164Umber
#D79272Camel
#DABD98Putty
Brick Red & Camel Field is a analogous color palette tagged earthy, warm, brown. Analogous neighbors on the wheel (Brick Red, Umber, Camel) 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 |
|---|---|---|---|---|---|
| Brick Red | #88383D | rgb(136, 56, 61) | hsl(356, 42%, 38%) | oklch(45.1% 0.110 19) | |
| Umber | #7E5164 | rgb(126, 81, 100) | hsl(335, 22%, 41%) | oklch(49.1% 0.066 353) | |
| Camel | #D79272 | rgb(215, 146, 114) | hsl(19, 56%, 65%) | oklch(72.1% 0.095 46) | |
| Putty | #DABD98 | rgb(218, 189, 152) | hsl(34, 47%, 73%) | oklch(81.4% 0.060 74) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a soft light-to-dark ladder (73% down to 38% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Putty (#DABD98) is the lightest color, so it belongs on large surfaces.
- Text: Brick Red (#88383D) on #DABD98 gives 4.37:1, enough for large headings only.
- Primary: Camel (#D79272) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Umber (#7E5164) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Brick Red & Camel 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
#88383D
#7E5164
#D79272
#DABD98
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#88383D on #DABD98 | Aa | 4.37:1 | AA large only |
#7E5164 on #DABD98 | Aa | 3.61:1 | AA large only |
#88383D on #D79272 | Aa | 3.08:1 | AA large only |
#7E5164 on #D79272 | Aa | 2.54:1 | Fail |
#D79272 on #DABD98 | Aa | 1.42:1 | Fail |
#88383D on #7E5164 | Aa | 1.21:1 | Fail |
Similar palettes 24 more in this mood
#DEB4A2
#BE9696
#7E5726
#4F4206
#712F00
#9B4B24
#DD8865
#E6AA93
#94364E
#915A0E
#CC9F91
#C7C09A
#ECA487
#C6966D
#C07873
#846839
#553521
#B08D64
#CBA49A
#FFADB2
#FFB9A4
#CF9577
#975945
#793013
#805F4E
#CC9C54
#CC9BB0
#FFA8A7
#6E1F0C
#854D21
#7B7142
#EBC692
#B08968
#DDB892
#E6CCB2
#FFF6EA
#432818
#99582A
#BB9457
#FFE6A7
#6F1D1B
#BB9457
#99582A
#FFE6A7
#8D5524
#C68642
#E0AC69
#F1C27D
#2C1810
#6E4E3F
#B85C38
#E0C097
#7A4A2E
#B06A3B
#E7A977
#F9E4D0
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#B5623A
#D9A57C
#A3B18A
#F3EDE4
#9C4A2F
#C97D5A
#E8C9A8
#F8F1E7
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#FFD9A8
#CA8800
#9A6200
#4A2A00
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C4A484
#E6D3B3
#A98467
#F7F1E8
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA