#FCF0F2
#99717A
#008F4E
#302024
#1C1616Licorice
#8A6E6CMocha
#24C43DKelly Green
#F1ECECFrost
Luxury Kelly Green & Mocha is a neutral-based color palette tagged luxury, minimal, black. Kelly Green is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Licorice | #1C1616 | rgb(28, 22, 22) | hsl(0, 12%, 10%) | oklch(20.7% 0.010 18) | |
| Mocha | #8A6E6C | rgb(138, 110, 108) | hsl(4, 12%, 48%) | oklch(56.5% 0.036 23) | |
| Kelly Green | #24C43D | rgb(36, 196, 61) | hsl(129, 69%, 45%) | oklch(71.7% 0.216 145) | |
| Frost | #F1ECEC | rgb(241, 236, 236) | hsl(0, 15%, 94%) | oklch(94.7% 0.005 17) |
Why it works and how to use it
It works because the lightness range is wide (10% to 94%), which gives clear hierarchy between background, content and accents. Try it for premium branding and packaging.
- Background: Frost (#F1ECEC) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#1C1616) on #F1ECEC gives 15.27:1, passing WCAG AAA.
- Primary: Kelly Green (#24C43D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Mocha (#8A6E6C) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Frost at 15.27:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Luxury Kelly Green & Mocha
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
#1C1616
#8A6E6C
#24C43D
#F1ECEC
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1C1616 on #F1ECEC | Aa | 15.27:1 | AAA |
#1C1616 on #24C43D | Aa | 7.69:1 | AAA |
#8A6E6C on #F1ECEC | Aa | 3.96:1 | AA large only |
#1C1616 on #8A6E6C | Aa | 3.85:1 | AA large only |
#8A6E6C on #24C43D | Aa | 2:1 | Fail |
#24C43D on #F1ECEC | Aa | 1.99:1 | Fail |
Similar palettes 24 more in this mood
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#1C1509
#FFCA62
#E0D5C0
#F9F4EC
#F0F0F0
#7454DD
#574F44
#0E0E0E
#E5E0DA
#CF63FF
#564733
#140E05
#F2EEE8
#8064F0
#89795F
#2A241B
#ECE7E0
#3376E0
#5C513F
#181107
#1B1F2A
#6B7388
#2CB857
#EEF1F9
#180201
#514949
#208C00
#DEDEDE
#2C2B23
#676347
#7C7BFF
#F2F1EC
#EEEDF1
#E58600
#716C78
#200F28
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#000000
#3A3A3A
#D4AF37
#F2F2F2
#14101F
#4D4365
#8E6BFF
#EEE9FF
#E1E0DF
#2D67EC
#756D5D
#0D0C0A
#110722
#747A9D
#FFA42D
#DDDFEA
#EFEFEF
#A22DE0
#6A5F52
#222221
#302D26
#776C54
#C448CD
#F6F4EF
#E8E3DC
#0092BE
#716757
#140E05
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#F8F5EE
#F1BC00
#817A6A
#2C271D
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#121212
#6B6B6B
#FFECB7
#EEEEEE
#13111A
#4B4659
#8B7ECC
#EDEBF7