#0D0221
#5A189A
#39FF14
#FF8C00
#99F177Mint
#B5FFB2Mint
#6F3671Eggplant
#270A28Licorice
Sunny Mint & Eggplant is a vivid complementary color palette tagged dark, green, purple. Near-complementary hues (about 180° apart) make this a high-contrast, attention-grabbing combination. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Mint | #99F177 | rgb(153, 241, 119) | hsl(103, 81%, 71%) | oklch(87.6% 0.179 138) | |
| Mint | #B5FFB2 | rgb(181, 255, 178) | hsl(118, 100%, 85%) | oklch(93.3% 0.126 144) | |
| Eggplant | #6F3671 | rgb(111, 54, 113) | hsl(298, 35%, 33%) | oklch(43.1% 0.115 326) | |
| Licorice | #270A28 | rgb(39, 10, 40) | hsl(298, 60%, 10%) | oklch(20.9% 0.067 326) |
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 (85% down to 10% lightness). A natural fit for websites, presentations and branding.
- Background: Mint (#B5FFB2) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#270A28) on #B5FFB2 gives 15.44:1, passing WCAG AAA.
- Primary: Mint (#99F177) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Eggplant (#6F3671) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Mint on Licorice at 15.44:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Sunny Mint & Eggplant
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
#99F177
#B5FFB2
#6F3671
#270A28
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#B5FFB2 on #270A28 | Aa | 15.44:1 | AAA |
#99F177 on #270A28 | Aa | 13.1:1 | AAA |
#B5FFB2 on #6F3671 | Aa | 7.33:1 | AAA |
#99F177 on #6F3671 | Aa | 6.23:1 | AA |
#6F3671 on #270A28 | Aa | 2.1:1 | Fail |
#99F177 on #B5FFB2 | Aa | 1.18:1 | Fail |
Similar palettes 24 more in this mood
#06032E
#5B3CD0
#C6B7FF
#62F3AE
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#0B0620
#412676
#009558
#FFB3E6
#10002B
#5A189A
#9D4EDD
#E0AAFF
#03071E
#0B525B
#1B998B
#C2F970
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#14101F
#4D4365
#8E6BFF
#EEE9FF
#0D1A14
#385645
#6DBF8A
#E8F3EC
#18191A
#4F5052
#B8F53F
#F7F7F5
#775249
#872870
#850039
#120115
#10002B
#7B2CBF
#E0AAFF
#00F5D4
#1C1800
#676500
#9C8C35
#E5E4A2
#34032D
#832B74
#BE499C
#FE92AA
#FF9931
#6E499E
#191009
#FAF3E8
#0E0E14
#3E526A
#C8CCE0
#CE62FF
#121016
#54149C
#693B79
#5B9FFF
#D8CDFC
#BE96FF
#000E00
#6B3700
#0B0620
#412676
#9D4EDD
#FFB3E6
#F0F0F0
#7454DD
#574F44
#0E0E0E
#E5E0DA
#CF63FF
#564733
#140E05
#10002B
#5A189A
#927C00
#E0AAFF
#F0F3FC
#00C458
#4C5774
#090D18
#12041B
#551C66
#BD3DB7
#FFB8CA