#F0F0F0
#7454DD
#574F44
#0E0E0E
#FDFDFDWhite
#E4E4E4Ice
#111111Licorice
#9736BCGrape
Scarlet Grape & White is a muted neutral-based color palette tagged minimal, white, gray. Grape is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.
Color codes click any value to copy
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Grape to lead. Lightness runs from 7% to 99%. Well suited to websites, presentations and branding.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#111111) on #FDFDFD gives 18.56:1, passing WCAG AAA.
- Primary: Grape (#9736BC) is the most saturated mid-tone; use it for buttons and links (5.78:1 against the background, fine for UI elements).
- Accent: Ice (#E4E4E4) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Licorice at 18.56:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Scarlet Grape & White
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
#FDFDFD
#E4E4E4
#111111
#9736BC
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FDFDFD on #111111 | Aa | 18.56:1 | AAA |
#E4E4E4 on #111111 | Aa | 14.85:1 | AAA |
#FDFDFD on #9736BC | Aa | 5.78:1 | AA |
#E4E4E4 on #9736BC | Aa | 4.63:1 | AA |
#111111 on #9736BC | Aa | 3.21:1 | AA large only |
#FDFDFD on #E4E4E4 | Aa | 1.25:1 | Fail |
Similar palettes 24 more in this mood
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#FFF7F9
#EED8E0
#B341D6
#221A2B
#13111A
#4B4659
#8B7ECC
#EDEBF7
#000000
#3A3A3A
#C29DFD
#F2F2F2
#0B0F14
#3C4552
#E2ACFF
#E6EDF3
#111111
#424242
#E444BE
#FAFAFA
#EEE9FF
#8F84AA
#5019B0
#14101F
#EDEEF0
#C9CCD1
#9714A2
#0B1220
#000000
#3A3A3A
#D4AF37
#F2F2F2
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#14101F
#4D4365
#8E6BFF
#EEE9FF
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#FFFFFF
#E4E4E4
#111111
#C8102E
#FFFFFF
#E4E4E3
#F59E0B
#1C1917
#FFF7F9
#EED8E0
#E11D74
#2B1720
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#0C1116
#5C6A7E
#BA4452
#F2F5F9