#A630C1
#755EF5
#7ABCFF
#80E6FF
#DE5FD2Orchid
#FFABB0Melon
#9DB85EPistachio
#1B1B1ERaisin
Orchid & Pistachio Sky is a complementary color palette tagged modern, purple. Orchid and Pistachio sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Orchid | #DE5FD2 | rgb(222, 95, 210) | hsl(306, 66%, 62%) | oklch(68.4% 0.206 331) | |
| Melon | #FFABB0 | rgb(255, 171, 176) | hsl(356, 100%, 84%) | oklch(82.4% 0.099 16) | |
| Pistachio | #9DB85E | rgb(157, 184, 94) | hsl(78, 39%, 55%) | oklch(74.2% 0.121 123) | |
| Raisin | #1B1B1E | rgb(27, 27, 30) | hsl(240, 5%, 11%) | oklch(22.3% 0.006 286) |
Why it works and how to use it
With 3 chromatic colors, Orchid takes the lead while the rest support. Lightness runs from 11% to 84%. Well suited to websites, presentations and branding.
- Background: Melon (#FFABB0) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#1B1B1E) on #FFABB0 gives 9.58:1, passing WCAG AAA.
- Primary: Orchid (#DE5FD2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pistachio (#9DB85E) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Melon on Raisin at 9.58:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Orchid & Pistachio Sky
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
#DE5FD2
#FFABB0
#9DB85E
#1B1B1E
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FFABB0 on #1B1B1E | Aa | 9.58:1 | AAA |
#9DB85E on #1B1B1E | Aa | 7.73:1 | AAA |
#DE5FD2 on #1B1B1E | Aa | 5.46:1 | AA |
#DE5FD2 on #FFABB0 | Aa | 1.75:1 | Fail |
#DE5FD2 on #9DB85E | Aa | 1.42:1 | Fail |
#FFABB0 on #9DB85E | Aa | 1.24:1 | Fail |
Similar palettes 24 more in this mood
#EEABE1
#BFBAC2
#8784AB
#A96C82
#1053C1
#9267B3
#E17BA0
#FFB390
#E2EFEA
#CC64E0
#385B4F
#1D322B
#F9F5FF
#ECD4FF
#526A00
#3A3A3A
#09130F
#647970
#704FEE
#E4EBE7
#1B1B1B
#BF9800
#CC3BB1
#F2F2F2
#B03DBB
#FDFDFD
#DFCBF6
#756F25
#FAEAFF
#B78EE4
#855B97
#693F84
#A44042
#9F54A6
#8C75C6
#DD92B2
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#EEF4FF
#D8B6F0
#B05ADC
#342241
#E5E2FF
#ADA8D2
#6A6C87
#3D3C5E
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#8C9096
#AC4BCC
#63626E
#641B49
#9F004A
#B157B3
#A390FF
#98C8FF
#93D0FF
#849DFF
#A186CC
#853E7E
#C349AF
#E07FC3
#F4B5DA
#F5EFFF
#D871CA
#0582CA
#F5F0E1
#F4A261
#971C8A
#E344C0
#F0B4E0
#FDFDFD
#E6E0F5
#B8A7E0
#A05318
#2A2440
#0B3D20
#1F7A3F
#D682D8
#D8F3DC
#FAF8FD
#E9E2F5
#6D4AA8
#24203A
#1B1B1B
#D68B00
#B549D5
#F2F2F2