#92433E
#BF6664
#F3EBEB
#1D1D1D
#9E4B45Chestnut
#773E36Brick Red
#F8F1E2Linen
#1A2F3CGunmetal
Chestnut & Brick Red Vibe is a complementary color palette tagged dark, warm, brown. Near-complementary hues (about 164° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Chestnut | #9E4B45 | rgb(158, 75, 69) | hsl(4, 39%, 45%) | oklch(51.6% 0.112 26) | |
| Brick Red | #773E36 | rgb(119, 62, 54) | hsl(7, 38%, 34%) | oklch(43.3% 0.081 29) | |
| Linen | #F8F1E2 | rgb(248, 241, 226) | hsl(41, 61%, 93%) | oklch(96.0% 0.021 86) | |
| Gunmetal | #1A2F3C | rgb(26, 47, 60) | hsl(203, 40%, 17%) | oklch(29.4% 0.036 237) |
Why it works and how to use it
With 4 chromatic colors, Chestnut takes the lead while the rest support. Lightness runs from 17% to 93%. Well suited to websites, presentations and branding.
- Background: Linen (#F8F1E2) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#1A2F3C) on #F8F1E2 gives 12.32:1, passing WCAG AAA.
- Primary: Chestnut (#9E4B45) is the most saturated mid-tone; use it for buttons and links (5.27:1 against the background, fine for UI elements).
- Accent: Brick Red (#773E36) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Gunmetal at 12.32:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Chestnut & 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
#9E4B45
#773E36
#F8F1E2
#1A2F3C
Color-blind check: under protanopia, Chestnut and Brick Red 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 |
|---|---|---|---|
#F8F1E2 on #1A2F3C | Aa | 12.32:1 | AAA |
#773E36 on #F8F1E2 | Aa | 7.39:1 | AAA |
#9E4B45 on #F8F1E2 | Aa | 5.27:1 | AA |
#9E4B45 on #1A2F3C | Aa | 2.34:1 | Fail |
#773E36 on #1A2F3C | Aa | 1.67:1 | Fail |
#9E4B45 on #773E36 | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#964300
#D35A00
#F8E9E9
#1D1D1D
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#3E2723
#6D4C41
#A1887F
#EFEBE9
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#141210
#4D4742
#C97B3A
#F2EAE2
#050505
#373737
#AA5C00
#FDFDFD
#2B2B2B
#6B4E3D
#677900
#F4EFEA
#2B2B2B
#6B4E3D
#C0392B
#F4EFEA
#271707
#684B29
#AB8D63
#D3C9B9
#3E0A1D
#8B2F4B
#C9A961
#F4ECE4
#2C2B23
#676347
#7C7BFF
#F2F1EC
#3C1D1A
#84524E
#AB6E6A
#E2D9CE
#9B3E00
#D6B800
#1A1A1A
#FFF5E1
#2B1919
#704744
#DAA29F
#E1DAD8
#F3EFEA
#C7B7A7
#6D5D45
#1F1B15
#E7E1D6
#FFCC5D
#6C5830
#352C1A
#9B0012
#AD3D31
#352B15
#E4F4FF
#322A00
#6F5300
#FFCDB2
#FFE9DE
#2A1A12
#704E3C
#9C6B48
#E7D4C1
#92433E
#F1EDE9
#D1C4B9
#1A1A1A
#EEEBE8
#968F8A
#6E3800
#17110C
#F0F6FF
#A7C9FA
#6C5A3F
#262320
#FFE5E1
#A98579
#664F47
#302D2C