#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#F6F1E8Linen
#140807Obsidian
#00641DHunter Green
#B81729Chili
Chili & Hunter Green Path is a vivid complementary color palette tagged christmas, winter, dark. Linen and Chili sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Linen | #F6F1E8 | rgb(246, 241, 232) | hsl(39, 44%, 94%) | oklch(96.0% 0.013 82) | |
| Obsidian | #140807 | rgb(20, 8, 7) | hsl(5, 48%, 5%) | oklch(15.3% 0.022 26) | |
| Hunter Green | #00641D | rgb(0, 100, 29) | hsl(137, 100%, 20%) | oklch(43.8% 0.133 146) | |
| Chili | #B81729 | rgb(184, 23, 41) | hsl(353, 78%, 41%) | oklch(50.2% 0.191 23) |
Why it works and how to use it
With 3 chromatic colors, Hunter Green takes the lead while the rest support. Lightness runs from 5% to 94%. Well suited to seasonal campaigns and greeting cards.
- Background: Linen (#F6F1E8) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#140807) on #F6F1E8 gives 17.48:1, passing WCAG AAA.
- Primary: Hunter Green (#00641D) is the most saturated mid-tone; use it for buttons and links (6.57:1 against the background, fine for UI elements).
- Accent: Chili (#B81729) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Obsidian at 17.48:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Chili & Hunter Green Path
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
#F6F1E8
#140807
#00641D
#B81729
Color-blind check: under protanopia, Hunter Green and Chili 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 |
|---|---|---|---|
#F6F1E8 on #140807 | Aa | 17.48:1 | AAA |
#F6F1E8 on #00641D | Aa | 6.57:1 | AA |
#F6F1E8 on #B81729 | Aa | 5.85:1 | AA |
#140807 on #B81729 | Aa | 2.99:1 | Fail |
#140807 on #00641D | Aa | 2.66:1 | Fail |
#00641D on #B81729 | Aa | 1.12:1 | Fail |
Similar palettes 24 more in this mood
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#F7F5F1
#D01C35
#3C7E42
#BFE5F9
#D12935
#3C8253
#B1DDF4
#F3EFEA
#F9F3E8
#8DCB8E
#F5AFBE
#DF0A00
#131821
#006439
#B6101C
#EEC215
#DB3328
#F7F2E9
#257346
#BDE2F5
#D51D23
#E5DDD0
#004F2A
#FBF9F6
#00653D
#C62A29
#EBC751
#FBF1E0
#FBF6ED
#E22036
#FFC5D1
#93DC9E
#E70034
#F3B2C0
#F9F7F3
#83D4A4
#B2D8EB
#007847
#B71E1A
#FCF8F1
#EF1715
#F2B9C5
#97CF8D
#F5F0E7
#BCDCED
#006435
#F5F2ED
#DF2628
#C91128
#F9F7F3
#B2DFF5
#377B33
#006837
#F6F3EE
#BAE8FF
#BF1D10
#246C0F
#FCF0DE
#A4051F
#E5BD2E
#9FD39E
#EFAAB8
#F8F5F1
#E33011
#F8F5EF
#F9ACBD
#98D58E
#E10E34
#00622D
#D70001
#F8EFE0
#E4BF47
#D8341D
#91E3A8
#F9A7B9
#FBF5EC
#B6E6FF
#B82625
#197A40
#F8F5F1
#006E21
#D9B220
#250D09
#DD0D24
#F9F4EC
#89CB9A
#D41100
#E4AFBA