#06032E
#5B3CD0
#C6B7FF
#62F3AE
#4A148CIndigo
#006746Hunter Green
#BA68C8Amethyst
#F3E5F5Lavender
Amethyst Indigo & Amethyst is a vivid complementary color palette tagged vibrant, cold, purple. Indigo and Lavender sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Indigo | #4A148C | rgb(74, 20, 140) | hsl(267, 75%, 31%) | oklch(36.0% 0.176 296) | |
| Hunter Green | #006746 | rgb(0, 103, 70) | hsl(161, 100%, 20%) | oklch(45.4% 0.099 163) | |
| Amethyst | #BA68C8 | rgb(186, 104, 200) | hsl(291, 47%, 60%) | oklch(64.5% 0.162 322) | |
| Lavender | #F3E5F5 | rgb(243, 229, 245) | hsl(292, 44%, 93%) | oklch(93.8% 0.026 322) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (93% down to 20% lightness). A natural fit for websites, presentations and branding.
- Background: Lavender (#F3E5F5) is the lightest color, so it belongs on large surfaces.
- Text: Indigo (#4A148C) on #F3E5F5 gives 9.8:1, passing WCAG AAA.
- Primary: Hunter Green (#006746) is the most saturated mid-tone; use it for buttons and links (5.72:1 against the background, fine for UI elements).
- Accent: Amethyst (#BA68C8) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Lavender at 9.8:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Amethyst Indigo & Amethyst
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
#4A148C
#006746
#BA68C8
#F3E5F5
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#4A148C on #F3E5F5 | Aa | 9.8:1 | AAA |
#006746 on #F3E5F5 | Aa | 5.72:1 | AA |
#4A148C on #BA68C8 | Aa | 3.33:1 | AA large only |
#BA68C8 on #F3E5F5 | Aa | 2.94:1 | Fail |
#006746 on #BA68C8 | Aa | 1.95:1 | Fail |
#4A148C on #006746 | Aa | 1.71:1 | Fail |
Similar palettes 24 more in this mood
#10002B
#5A189A
#9D4EDD
#E0AAFF
#3C096C
#7B2CBF
#C77DFF
#E0AAFF
#7400B8
#5E60CE
#4EA8DE
#80FFDB
#4B0082
#8A2BE2
#DA70D6
#FFE4F3
#692390
#5E6891
#4194F1
#DBD6FF
#00B0CA
#79D213
#00ED9D
#58FDEE
#A630C1
#755EF5
#7ABCFF
#80E6FF
#10002B
#7B2CBF
#E0AAFF
#00F5D4
#121826
#8A2BE2
#00FFC6
#F0F0FF
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#FEA2FF
#6CC9FF
#9E72F2
#5A85FF
#650088
#9F45E1
#AE63D0
#DCB5FF
#121016
#54149C
#693B79
#5B9FFF
#5F31A6
#8F37B7
#DA86E8
#FEF8FF
#2C003C
#793DA1
#BA63CA
#F0D5FF
#6F3EAB
#9C38A1
#8B98FF
#7FBCFF
#2FA4FF
#956FF2
#526CFC
#912BAE
#7A91FF
#CBA6FF
#FF92EE
#87CBFF
#D8BFFF
#B37BF7
#7B31BA
#240042
#3EF58F
#7DCD20
#00BFC0
#00A78A
#0D0221
#5A189A
#39FF14
#FF8C00
#3F71CC
#AE47D1
#B0A5FF
#40C1FF
#386AD0
#6E73E3
#B49DFF
#DEB4FF