#131821
#006439
#B6101C
#EEC215
#004D22Evergreen
#D8AF00Mustard
#CA3434Paprika
#F3E7D4Parchment
Paprika & Mustard Trail is a vivid complementary color palette tagged christmas, vibrant, warm. Evergreen and Parchment 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 |
|---|---|---|---|---|---|
| Evergreen | #004D22 | rgb(0, 77, 34) | hsl(146, 100%, 15%) | oklch(36.8% 0.099 151) | |
| Mustard | #D8AF00 | rgb(216, 175, 0) | hsl(49, 100%, 42%) | oklch(76.9% 0.157 92) | |
| Paprika | #CA3434 | rgb(202, 52, 52) | hsl(0, 59%, 50%) | oklch(55.7% 0.187 26) | |
| Parchment | #F3E7D4 | rgb(243, 231, 212) | hsl(37, 56%, 89%) | oklch(93.2% 0.028 79) |
Why it works and how to use it
It works because the lightness range is wide (15% to 89%), which gives clear hierarchy between background, content and accents. Try it for seasonal campaigns and greeting cards.
- Background: Parchment (#F3E7D4) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#004D22) on #F3E7D4 gives 8.25:1, passing WCAG AAA.
- Primary: Mustard (#D8AF00) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Paprika (#CA3434) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Parchment at 8.25:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Paprika & Mustard Trail
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
#004D22
#D8AF00
#CA3434
#F3E7D4
Color-blind check: under protanopia, Evergreen and Paprika 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 |
|---|---|---|---|
#004D22 on #F3E7D4 | Aa | 8.25:1 | AAA |
#004D22 on #D8AF00 | Aa | 4.82:1 | AA |
#CA3434 on #F3E7D4 | Aa | 4.24:1 | AA large only |
#D8AF00 on #CA3434 | Aa | 2.48:1 | Fail |
#004D22 on #CA3434 | Aa | 1.94:1 | Fail |
#D8AF00 on #F3E7D4 | Aa | 1.71:1 | Fail |
Similar palettes 24 more in this mood
#246C0F
#FCF0DE
#A4051F
#E5BD2E
#006E21
#D9B220
#250D09
#DD0D24
#055100
#1E0705
#C61715
#D9B000
#005017
#F0E9DC
#E3C04D
#CC3937
#00653D
#C62A29
#EBC751
#FBF1E0
#00622D
#D70001
#F8EFE0
#E4BF47
#CC3C43
#00623B
#151C27
#EECA53
#F3CC4A
#006922
#A6001B
#F5EEE2
#F2CD52
#005809
#F7EAD5
#BD0002
#B22222
#165B33
#F8B229
#FFFFFF
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#FF1E3C
#2BFF88
#0B0B0F
#FFF3B0
#F9F3E8
#8DCB8E
#F5AFBE
#DF0A00
#FBF6ED
#E22036
#FFC5D1
#93DC9E
#E70034
#F3B2C0
#F9F7F3
#83D4A4
#EF1715
#F2B9C5
#97CF8D
#F5F0E7
#9FD39E
#EFAAB8
#F8F5F1
#E33011
#F8F5EF
#F9ACBD
#98D58E
#E10E34
#D8341D
#91E3A8
#F9A7B9
#FBF5EC
#F9F4EC
#89CB9A
#D41100
#E4AFBA
#F9F4EB
#F52014
#95CC91
#F4B1BF
#9CD696
#F9F6F1
#ECABB9
#D92916