#3D0C11
#D80032
#F78CA2
#F9DEC9
#5B536DDusk
#B986A3Lilac
#FFB0BEPink
#FFEBD4Papaya
Pink & Lilac Field is a analogous color palette tagged sunset, muted, warm. Analogous neighbors on the wheel (Lilac, Pink, Papaya) give it a natural, low-tension flow. 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 |
|---|---|---|---|---|---|
| Dusk | #5B536D | rgb(91, 83, 109) | hsl(258, 14%, 38%) | oklch(46.0% 0.043 299) | |
| Lilac | #B986A3 | rgb(185, 134, 163) | hsl(326, 27%, 63%) | oklch(67.9% 0.073 344) | |
| Pink | #FFB0BE | rgb(255, 176, 190) | hsl(349, 100%, 85%) | oklch(83.6% 0.094 8) | |
| Papaya | #FFEBD4 | rgb(255, 235, 212) | hsl(32, 100%, 92%) | oklch(95.0% 0.037 71) |
Why it works and how to use it
With 3 chromatic colors, Pink takes the lead while the rest support. Lightness runs from 38% to 92%. Well suited to websites, presentations and branding.
- Background: Papaya (#FFEBD4) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#5B536D) on #FFEBD4 gives 6.23:1, passing WCAG AA.
- Primary: Pink (#FFB0BE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Lilac (#B986A3) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusk on Papaya at 6.23:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Pink & Lilac Field
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
#5B536D
#B986A3
#FFB0BE
#FFEBD4
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#5B536D on #FFEBD4 | Aa | 6.23:1 | AA |
#5B536D on #FFB0BE | Aa | 4.2:1 | AA large only |
#B986A3 on #FFEBD4 | Aa | 2.58:1 | Fail |
#5B536D on #B986A3 | Aa | 2.41:1 | Fail |
#B986A3 on #FFB0BE | Aa | 1.74:1 | Fail |
#FFB0BE on #FFEBD4 | Aa | 1.48:1 | Fail |
Similar palettes 24 more in this mood
#FFB2CE
#F89782
#EE4D68
#9C1084
#A22B8D
#C35734
#E26670
#FF77AE
#3C0F01
#C14600
#F98F83
#F2E1C6
#B62E8E
#FF9597
#F2ADF8
#FFB8CB
#754F71
#CC707E
#FFB582
#FFF9F1
#321818
#B05253
#DA9EA9
#F0E1D5
#981A69
#AD1F03
#FF6A89
#FC83FF
#B7426B
#D87300
#FFAC9F
#F8C13F
#7C4EB5
#EC483E
#FF85B0
#F590EC
#FFC26F
#FF896D
#E17D30
#A9233F
#397700
#C88C00
#BCB600
#FFC9AC
#3A1C71
#D76D77
#FFAF7B
#FFE5B4
#FFACC1
#F86DCD
#D7716B
#B25EC6
#5E3A5A
#B65D6B
#F09A5D
#FFD89C
#2A1E3F
#85486F
#D9636C
#FFB86B
#1A2878
#CE6D9C
#FFAB9E
#FFE2CD
#43375A
#9C5D85
#F87F86
#FFE2C6
#FF8FA6
#B587D7
#E26E4D
#BE389F
#9D50A6
#D53A43
#F8789F
#FFB7E2
#994F00
#D4B800
#FFC6B7
#FFCE83
#CD5973
#DD5634
#C181DD
#FFAADF
#904F00
#8AC337
#D0C700
#EEBD58
#F789FF
#E067A4
#8359C7
#BC0B3A