#FF8FA6
#B587D7
#E26E4D
#BE389F
#2A1E3FSpace
#85486FPlum
#D9636CBlush
#FFB86BCantaloupe
Last Light is a split color palette tagged sunset, dark, pink. A split scheme: Space plays against Cantaloupe across roughly 129° 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 |
|---|---|---|---|---|---|
| Space | #2A1E3F | rgb(42, 30, 63) | hsl(262, 35%, 18%) | oklch(26.7% 0.061 299) | |
| Plum | #85486F | rgb(133, 72, 111) | hsl(322, 30%, 40%) | oklch(48.8% 0.097 342) | |
| Blush | #D9636C | rgb(217, 99, 108) | hsl(355, 61%, 62%) | oklch(64.6% 0.148 18) | |
| Cantaloupe | #FFB86B | rgb(255, 184, 107) | hsl(31, 100%, 71%) | oklch(83.4% 0.125 67) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (71% down to 18% lightness). A natural fit for websites, presentations and branding.
- Background: Cantaloupe (#FFB86B) is the lightest color, so it belongs on large surfaces.
- Text: Space (#2A1E3F) on #FFB86B gives 9.09:1, passing WCAG AAA.
- Primary: Blush (#D9636C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Plum (#85486F) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Cantaloupe at 9.09:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Last Light
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
#2A1E3F
#85486F
#D9636C
#FFB86B
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2A1E3F on #FFB86B | Aa | 9.09:1 | AAA |
#2A1E3F on #D9636C | Aa | 4.39:1 | AA large only |
#85486F on #FFB86B | Aa | 3.91:1 | AA large only |
#2A1E3F on #85486F | Aa | 2.33:1 | Fail |
#D9636C on #FFB86B | Aa | 2.07:1 | Fail |
#85486F on #D9636C | Aa | 1.89:1 | Fail |
Similar palettes 24 more in this mood
#A22B8D
#C35734
#E26670
#FF77AE
#222142
#7D4B7D
#D56287
#FFB58A
#2E1F47
#914374
#E0607E
#FFC37B
#3D0C11
#D80032
#F78CA2
#F9DEC9
#7C4EB5
#EC483E
#FF85B0
#F590EC
#3A1C71
#D76D77
#FFAF7B
#FFE5B4
#FFACC1
#F86DCD
#D7716B
#B25EC6
#5E3A5A
#B65D6B
#F09A5D
#FFD89C
#1A2878
#CE6D9C
#FFAB9E
#FFE2CD
#43375A
#9C5D85
#F87F86
#FFE2C6
#FFB2CE
#F89782
#EE4D68
#9C1084
#CD5973
#DD5634
#C181DD
#FFAADF
#F789FF
#E067A4
#8359C7
#BC0B3A
#77318D
#A9424F
#C94697
#FB7634
#8D366E
#9D63E8
#CD8BD6
#FF9FB5
#742EA2
#D0307B
#E25AD0
#FFBFBC
#5B536D
#B986A3
#FFB0BE
#FFEBD4
#4A2F85
#F2858E
#FFD4B9
#FFF9EF
#3C0F01
#C14600
#F98F83
#F2E1C6
#381B3F
#99415B
#E36356
#ECCD76
#3F2A56
#A04E5C
#E58B5A
#FBD48A
#B62E8E
#FF9597
#F2ADF8
#FFB8CB
#754F71
#CC707E
#FFB582
#FFF9F1