#FF9931
#6E499E
#191009
#FAF3E8
#08070FObsidian
#EDE9E4Eggshell
#603691Grape
#E77700Tangerine
Tangerine & Grape Shore is a split color palette tagged halloween, dark, black. A split scheme: Eggshell plays against Tangerine across roughly 125° of hue. 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 |
|---|---|---|---|---|---|
| Obsidian | #08070F | rgb(8, 7, 15) | hsl(248, 36%, 4%) | oklch(13.5% 0.018 290) | |
| Eggshell | #EDE9E4 | rgb(237, 233, 228) | hsl(33, 20%, 91%) | oklch(93.6% 0.008 74) | |
| Grape | #603691 | rgb(96, 54, 145) | hsl(268, 46%, 39%) | oklch(43.2% 0.145 302) | |
| Tangerine | #E77700 | rgb(231, 119, 0) | hsl(31, 100%, 45%) | oklch(68.5% 0.170 55) |
Why it works and how to use it
It works because the lightness range is wide (4% to 91%), which gives clear hierarchy between background, content and accents. Try it for seasonal campaigns and greeting cards.
- Background: Eggshell (#EDE9E4) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#08070F) on #EDE9E4 gives 16.59:1, passing WCAG AAA.
- Primary: Tangerine (#E77700) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Grape (#603691) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Eggshell at 16.59:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Tangerine & Grape Shore
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
#08070F
#EDE9E4
#603691
#E77700
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#08070F on #EDE9E4 | Aa | 16.59:1 | AAA |
#EDE9E4 on #603691 | Aa | 7.14:1 | AAA |
#08070F on #E77700 | Aa | 6.72:1 | AA |
#603691 on #E77700 | Aa | 2.89:1 | Fail |
#EDE9E4 on #E77700 | Aa | 2.47:1 | Fail |
#08070F on #603691 | Aa | 2.32:1 | Fail |
Similar palettes 24 more in this mood
#5F4193
#E58900
#3A3944
#0C0705
#3B3850
#EF8A00
#0F0400
#633F95
#434152
#7F55B3
#090614
#E87A00
#0C0602
#6C307F
#FD9900
#403E4A
#F3F0EC
#121021
#633995
#EB8200
#EB872A
#B0001B
#501D79
#0D0A1B
#8B0013
#05030F
#512C74
#F67F00
#5D368C
#F78C00
#FAF1E2
#1A1410
#FF7518
#1A1A1A
#6A0DAD
#F5F5F5
#0D0221
#5A189A
#39FF14
#FF8C00
#E78300
#FFD335
#131219
#F9F4EC
#0E0B1C
#FCD44F
#EB8A00
#F3E7D4
#FFDD72
#161310
#FE8300
#EEE9E1
#FFDE76
#F1E8DA
#FE9900
#170D06
#F9EFDE
#15131E
#FFDC6D
#F67E00
#F9F3EA
#0C0A18
#FB8800
#FCD553
#17120D
#EFEAE2
#FFD440
#FF9128
#0F0702
#EEEAE2
#FF9337
#FFD548
#F68C00
#1D0F05
#FFD649
#EFE8DC
#FC8303
#06050E
#FFE184
#F7F0E6
#FFD750
#141122
#F2EFE9
#EF7D00
#F1EEEB
#F7D255
#0C091A
#FE9700
#E58800
#F4EDE2
#F9CC1E
#0B0B0E