#B22222
#165B33
#F8B229
#FFFFFF
#6B1E3DPlum Purple
#A44D68Plum
#76D97FPistachio
#F8F6F1Smoke
Pistachio & Plum Breeze is a complementary color palette tagged warm, purple, green. Near-complementary hues (about 149° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum Purple | #6B1E3D | rgb(107, 30, 61) | hsl(336, 56%, 27%) | oklch(36.8% 0.113 360) | |
| Plum | #A44D68 | rgb(164, 77, 104) | hsl(341, 36%, 47%) | oklch(53.7% 0.118 2) | |
| Pistachio | #76D97F | rgb(118, 217, 127) | hsl(125, 57%, 66%) | oklch(80.3% 0.156 146) | |
| Smoke | #F8F6F1 | rgb(248, 246, 241) | hsl(43, 33%, 96%) | oklch(97.3% 0.007 89) |
Why it works and how to use it
With 3 chromatic colors, Pistachio takes the lead while the rest support. Lightness runs from 27% to 96%. Well suited to websites, presentations and branding.
- Background: Smoke (#F8F6F1) is the lightest color, so it belongs on large surfaces.
- Text: Plum Purple (#6B1E3D) on #F8F6F1 gives 10.35:1, passing WCAG AAA.
- Primary: Pistachio (#76D97F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Plum (#A44D68) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum Purple on Smoke at 10.35:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Pistachio & Plum Breeze
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
#6B1E3D
#A44D68
#76D97F
#F8F6F1
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#6B1E3D on #F8F6F1 | Aa | 10.35:1 | AAA |
#6B1E3D on #76D97F | Aa | 6.39:1 | AA |
#A44D68 on #F8F6F1 | Aa | 5.06:1 | AA |
#A44D68 on #76D97F | Aa | 3.13:1 | AA large only |
#6B1E3D on #A44D68 | Aa | 2.04:1 | Fail |
#76D97F on #F8F6F1 | Aa | 1.62:1 | Fail |
Similar palettes 24 more in this mood
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#FF6B8B
#FFD166
#8CD790
#FFFFFF
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#562945
#A5467F
#FB99A8
#FFEFED
#DA8996
#EDD5A0
#A6CEA7
#FDFDFD
#CE403A
#2E6F46
#FFD593
#FAFAFA
#FF8C00
#FFD23F
#8CC63F
#FFFFFF
#7B3F00
#C98A4B
#00731C
#FFF8E7
#B3408B
#D178B4
#FFC0BB
#F4F1DE
#7B5D00
#165B33
#F8B229
#FDFDFD
#612E47
#9B5D79
#DDAEC0
#F2F1FB
#F9F3E8
#8DCB8E
#F5AFBE
#DF0A00
#AC205C
#3E5614
#FFAA74
#FDFDFD
#DC59D2
#FF82A9
#FFC8B3
#FFEDE5
#E18F00
#FFD166
#8CD790
#FDFDFD
#00653D
#C62A29
#EBC751
#FBF1E0
#DD9F6E
#EDD693
#9DBE7C
#FDFDFD
#E79EE3
#FFC9CF
#D5D491
#FFF9F2
#7C3555
#D17B96
#8E269E
#FFF8E7
#FBF6ED
#E22036
#FFC5D1
#93DC9E
#E70034
#F3B2C0
#F9F7F3
#83D4A4
#3A0F2E
#8A3B6D
#6C9C46
#F7E8F1