#FF9931
#6E499E
#191009
#FAF3E8
#F3F0ECLinen
#121021Licorice
#633995Grape
#EB8200Tangerine
Tangerine & Grape Bloom is a complementary color palette tagged halloween, dark, white. Near-complementary hues (about 147° 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 |
|---|---|---|---|---|---|
| Linen | #F3F0EC | rgb(243, 240, 236) | hsl(34, 23%, 94%) | oklch(95.6% 0.006 75) | |
| Licorice | #121021 | rgb(18, 16, 33) | hsl(247, 35%, 10%) | oklch(18.5% 0.034 288) | |
| Grape | #633995 | rgb(99, 57, 149) | hsl(267, 45%, 40%) | oklch(44.3% 0.146 302) | |
| Tangerine | #EB8200 | rgb(235, 130, 0) | hsl(33, 100%, 46%) | oklch(70.8% 0.168 59) |
Why it works and how to use it
With 4 chromatic colors, Tangerine takes the lead while the rest support. Lightness runs from 10% to 94%. Well suited to seasonal campaigns and greeting cards.
- Background: Linen (#F3F0EC) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#121021) on #F3F0EC gives 16.48:1, passing WCAG AAA.
- Primary: Tangerine (#EB8200) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Grape (#633995) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Licorice at 16.48:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Tangerine & Grape Bloom
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
#F3F0EC
#121021
#633995
#EB8200
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F3F0EC on #121021 | Aa | 16.48:1 | AAA |
#F3F0EC on #633995 | Aa | 7.25:1 | AAA |
#121021 on #EB8200 | Aa | 6.89:1 | AA |
#633995 on #EB8200 | Aa | 3.03:1 | AA large only |
#F3F0EC on #EB8200 | Aa | 2.39:1 | Fail |
#121021 on #633995 | Aa | 2.27:1 | Fail |
Similar palettes 24 more in this mood
#5D368C
#F78C00
#FAF1E2
#1A1410
#FF7518
#1A1A1A
#6A0DAD
#F5F5F5
#5F4193
#E58900
#3A3944
#0C0705
#3B3850
#EF8A00
#0F0400
#633F95
#434152
#7F55B3
#090614
#E87A00
#0C0602
#6C307F
#FD9900
#403E4A
#EB872A
#B0001B
#501D79
#0D0A1B
#08070F
#EDE9E4
#603691
#E77700
#8B0013
#05030F
#512C74
#F67F00
#0D0221
#5A189A
#39FF14
#FF8C00
#E78300
#FFD335
#131219
#F9F4EC
#F9EFDE
#15131E
#FFDC6D
#F67E00
#F9F3EA
#0C0A18
#FB8800
#FCD553
#FC8303
#06050E
#FFE184
#F7F0E6
#FFD750
#141122
#F2EFE9
#EF7D00
#F1EEEB
#F7D255
#0C091A
#FE9700
#E58800
#F4EDE2
#F9CC1E
#0B0B0E
#1C1108
#FF973F
#FCCD00
#F6EFE4
#FFDB6A
#F6F1E7
#0A0706
#F78D00
#100501
#F9EFDE
#FFDE77
#EB7E00
#1B1B1B
#F96D00
#8B5CF6
#F2F2F2
#F4F1EA
#2B2B2B
#FF6F00
#8E44AD
#0E0B1C
#FCD44F
#EB8A00
#F3E7D4