#00653D
#C62A29
#EBC751
#FBF1E0
#246C0FHunter Green
#FCF0DELinen
#A4051FCranberry
#E5BD2ESaffron
Festive Cranberry & Saffron is a vivid split color palette tagged christmas, winter, vibrant. A split scheme: Hunter Green plays against Saffron across roughly 116° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Hunter Green | #246C0F | rgb(36, 108, 15) | hsl(106, 76%, 24%) | oklch(46.8% 0.142 140) | |
| Linen | #FCF0DE | rgb(252, 240, 222) | hsl(36, 83%, 93%) | oklch(96.0% 0.027 78) | |
| Cranberry | #A4051F | rgb(164, 5, 31) | hsl(350, 94%, 33%) | oklch(45.5% 0.181 23) | |
| Saffron | #E5BD2E | rgb(229, 189, 46) | hsl(47, 78%, 54%) | oklch(81.1% 0.154 92) |
Why it works and how to use it
With 4 chromatic colors, Saffron takes the lead while the rest support. Lightness runs from 24% to 93%. Well suited to seasonal campaigns and greeting cards.
- Background: Linen (#FCF0DE) is the lightest color, so it belongs on large surfaces.
- Text: Cranberry (#A4051F) on #FCF0DE gives 7.12:1, passing WCAG AAA.
- Primary: Saffron (#E5BD2E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Hunter Green (#246C0F) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Cranberry at 7.12:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Festive Cranberry & Saffron
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
#246C0F
#FCF0DE
#A4051F
#E5BD2E
Color-blind check: under deuteranopia, Hunter Green and Cranberry 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 |
|---|---|---|---|
#FCF0DE on #A4051F | Aa | 7.12:1 | AAA |
#246C0F on #FCF0DE | Aa | 5.78:1 | AA |
#A4051F on #E5BD2E | Aa | 4.45:1 | AA large only |
#246C0F on #E5BD2E | Aa | 3.61:1 | AA large only |
#FCF0DE on #E5BD2E | Aa | 1.6:1 | Fail |
#246C0F on #A4051F | Aa | 1.23:1 | Fail |
Similar palettes 24 more in this mood
#00622D
#D70001
#F8EFE0
#E4BF47
#F3CC4A
#006922
#A6001B
#F5EEE2
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#004D22
#D8AF00
#CA3434
#F3E7D4
#F9F3E8
#8DCB8E
#F5AFBE
#DF0A00
#131821
#006439
#B6101C
#EEC215
#FBF6ED
#E22036
#FFC5D1
#93DC9E
#E70034
#F3B2C0
#F9F7F3
#83D4A4
#EF1715
#F2B9C5
#97CF8D
#F5F0E7
#9FD39E
#EFAAB8
#F8F5F1
#E33011
#F8F5EF
#F9ACBD
#98D58E
#E10E34
#D8341D
#91E3A8
#F9A7B9
#FBF5EC
#006E21
#D9B220
#250D09
#DD0D24
#F9F4EC
#89CB9A
#D41100
#E4AFBA
#F9F4EB
#F52014
#95CC91
#F4B1BF
#055100
#1E0705
#C61715
#D9B000
#9CD696
#F9F6F1
#ECABB9
#D92916
#B22222
#165B33
#F8B229
#FFFFFF
#005017
#F0E9DC
#E3C04D
#CC3937
#F7F5F1
#D01C35
#3C7E42
#BFE5F9
#D12935
#3C8253
#B1DDF4
#F3EFEA
#DB3328
#F7F2E9
#257346
#BDE2F5