Lemon Plum & Indigo is a analogous color palette tagged cold, purple, blue. Analogous neighbors on the wheel (Indigo, Plum, Baby Blue) give it a natural, low-tension flow. 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 |
|---|---|---|---|---|---|
| Indigo | #4B2C6F | rgb(75, 44, 111) | hsl(268, 43%, 30%) | oklch(36.7% 0.113 303) | |
| Plum | #7E5AA5 | rgb(126, 90, 165) | hsl(269, 29%, 50%) | oklch(53.7% 0.119 305) | |
| Baby Blue | #A4BDFF | rgb(164, 189, 255) | hsl(224, 100%, 82%) | oklch(80.4% 0.098 268) | |
| Smoke | #F8F6F1 | rgb(248, 246, 241) | hsl(43, 33%, 96%) | oklch(97.3% 0.007 89) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (96% down to 30% lightness). A natural fit for websites, presentations and branding.
- Background: Smoke (#F8F6F1) is the lightest color, so it belongs on large surfaces.
- Text: Indigo (#4B2C6F) on #F8F6F1 gives 10.29:1, passing WCAG AAA.
- Primary: Baby Blue (#A4BDFF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Plum (#7E5AA5) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Smoke at 10.29:1.
Preview on a real UI see how the palette feels in context
Design faster with Lemon Plum & Indigo
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryColor blindness simulation
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#4B2C6F on #F8F6F1 | Aa | 10.29:1 | AAA |
#4B2C6F on #A4BDFF | Aa | 5.98:1 | AA |
#7E5AA5 on #F8F6F1 | Aa | 4.99:1 | AA |
#7E5AA5 on #A4BDFF | Aa | 2.9:1 | Fail |
#4B2C6F on #7E5AA5 | Aa | 2.06:1 | Fail |
#A4BDFF on #F8F6F1 | Aa | 1.72:1 | Fail |