#FCF0F2
#99717A
#008F4E
#302024
#1B1F2ARaisin
#6B7388Slate
#2CB857Kelly Green
#EEF1F9Frost
Prestige Kelly Green & Slate is a split color palette tagged luxury, minimal, gray. A split scheme: Raisin plays against Kelly Green across roughly 86° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #1B1F2A | rgb(27, 31, 42) | hsl(224, 22%, 14%) | oklch(24.0% 0.022 269) | |
| Slate | #6B7388 | rgb(107, 115, 136) | hsl(223, 12%, 48%) | oklch(55.6% 0.034 269) | |
| Kelly Green | #2CB857 | rgb(44, 184, 87) | hsl(138, 61%, 45%) | oklch(68.9% 0.180 149) | |
| Frost | #EEF1F9 | rgb(238, 241, 249) | hsl(224, 48%, 95%) | oklch(95.8% 0.011 270) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Kelly Green to lead. Lightness runs from 14% to 95%. Well suited to premium branding and packaging.
- Background: Frost (#EEF1F9) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#1B1F2A) on #EEF1F9 gives 14.57:1, passing WCAG AAA.
- Primary: Kelly Green (#2CB857) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Slate (#6B7388) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Frost at 14.57:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Prestige Kelly Green & Slate
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
#1B1F2A
#6B7388
#2CB857
#EEF1F9
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1B1F2A on #EEF1F9 | Aa | 14.57:1 | AAA |
#1B1F2A on #2CB857 | Aa | 6.35:1 | AA |
#6B7388 on #EEF1F9 | Aa | 4.19:1 | AA large only |
#1B1F2A on #6B7388 | Aa | 3.47:1 | AA large only |
#2CB857 on #EEF1F9 | Aa | 2.29:1 | Fail |
#6B7388 on #2CB857 | Aa | 1.83:1 | Fail |
Similar palettes 24 more in this mood
#F0F0F0
#7454DD
#574F44
#0E0E0E
#F2EEE8
#8064F0
#89795F
#2A241B
#1C1616
#8A6E6C
#24C43D
#F1ECEC
#EFEFEF
#A22DE0
#6A5F52
#222221
#180201
#514949
#208C00
#DEDEDE
#302D26
#776C54
#C448CD
#F6F4EF
#2C2B23
#676347
#7C7BFF
#F2F1EC
#EEEDF1
#E58600
#716C78
#200F28
#F8F5EE
#F1BC00
#817A6A
#2C271D
#2B2B2A
#D8B500
#BEB8A1
#F7F7F6
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#000000
#3A3A3A
#D4AF37
#F2F2F2
#2B2B2B
#C9A227
#EAE7DC
#FFFFFF
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#1C1509
#FFCA62
#E0D5C0
#F9F4EC
#E1E0DF
#2D67EC
#756D5D
#0D0C0A
#110722
#747A9D
#FFA42D
#DDDFEA
#E5E0DA
#CF63FF
#564733
#140E05
#E8E3DC
#0092BE
#716757
#140E05
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#1D2227
#586674
#F5D4B6
#FEF9F3
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7