#7F6000
#B8885D
#B3B96E
#AEE699
#FFC880Apricot
#FFAD8DMelon
#6DB130Kelly Green
#8D8200Olive
Sunlit Kelly Green & Olive is a vivid split color palette tagged warm, beige, green. A split scheme: Apricot plays against Olive across roughly 75° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Apricot | #FFC880 | rgb(255, 200, 128) | hsl(34, 100%, 75%) | oklch(86.7% 0.109 73) | |
| Melon | #FFAD8D | rgb(255, 173, 141) | hsl(17, 100%, 78%) | oklch(82.0% 0.106 42) | |
| Kelly Green | #6DB130 | rgb(109, 177, 48) | hsl(92, 57%, 44%) | oklch(69.0% 0.173 134) | |
| Olive | #8D8200 | rgb(141, 130, 0) | hsl(55, 100%, 28%) | oklch(59.8% 0.126 104) |
Why it works and how to use it
It works because the lightness range is wide (28% to 78%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Apricot (#FFC880) is the lightest color, so it belongs on large surfaces.
- Text: Olive (#8D8200) on #FFC880 gives 2.6:1, so pair it with a darker neutral for body copy.
- Primary: Melon (#FFAD8D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Kelly Green (#6DB130) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Sunlit Kelly Green & Olive
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
#FFC880
#FFAD8D
#6DB130
#8D8200
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FFC880 on #8D8200 | Aa | 2.6:1 | Fail |
#FFAD8D on #8D8200 | Aa | 2.18:1 | Fail |
#FFC880 on #6DB130 | Aa | 1.73:1 | Fail |
#6DB130 on #8D8200 | Aa | 1.5:1 | Fail |
#FFAD8D on #6DB130 | Aa | 1.46:1 | Fail |
#FFC880 on #FFAD8D | Aa | 1.19:1 | Fail |
Similar palettes 24 more in this mood
#BBB169
#ECA83A
#FFB993
#CAF78C
#BCB284
#EABBAB
#C2DA9E
#FFD3A5
#D69F74
#C5D9A6
#E5DCCD
#F8F1AF
#DD9F6E
#EDD693
#9DBE7C
#FDFDFD
#FF93A8
#FFB6BB
#DFF0D4
#97BA62
#FFCCBF
#F6D21F
#BED998
#DAA877
#FFBA85
#FFEFC0
#A8E45F
#FAFAFA
#CED8A7
#B8BC7B
#9E9E5A
#7E7B3E
#3E0A1D
#006638
#C9A961
#F4ECE4
#FFF1B8
#F5D67A
#8A7F63
#3B3A36
#6B4E00
#C99A00
#7DF59F
#FFF3C4
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#297028
#C08261
#E2C799
#F2ECBE
#9A3B3B
#C08261
#E2C799
#F2ECBE
#FFF4E8
#FFD3A8
#71D27F
#6B3E1E
#B08968
#DDB892
#E6CCB2
#FFF6EA
#432818
#99582A
#BB9457
#FFE6A7
#FFADAD
#FFD6A5
#FDFFB6
#CAFFBF
#6F1D1B
#BB9457
#99582A
#FFE6A7
#B22222
#165B33
#F8B229
#FFFFFF
#F94144
#F3722C
#F9C74F
#90BE6D
#8D5524
#C68642
#E0AC69
#F1C27D
#FFBE98
#F9A98D
#F8D5C2
#FFF4EC