#00818A
#009D8C
#31CA88
#ACE496
#76872BOlive
#76B469Emerald
#78DBBETurquoise
#B9EBFFGlacier
Leafy Emerald & Olive is a split color palette tagged gradient, cold, green. The hues span about 126°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Olive | #76872B | rgb(118, 135, 43) | hsl(71, 52%, 35%) | oklch(59.1% 0.118 119) | |
| Emerald | #76B469 | rgb(118, 180, 105) | hsl(110, 33%, 56%) | oklch(70.9% 0.123 140) | |
| Turquoise | #78DBBE | rgb(120, 219, 190) | hsl(162, 58%, 66%) | oklch(82.3% 0.103 173) | |
| Glacier | #B9EBFF | rgb(185, 235, 255) | hsl(197, 100%, 86%) | oklch(91.2% 0.058 224) |
Why it works and how to use it
It works because the lightness range is wide (35% to 86%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Glacier (#B9EBFF) is the lightest color, so it belongs on large surfaces.
- Text: Olive (#76872B) on #B9EBFF gives 3.11:1, enough for large headings only.
- Primary: Turquoise (#78DBBE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Emerald (#76B469) 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 Leafy Emerald & 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
#76872B
#76B469
#78DBBE
#B9EBFF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#76872B on #B9EBFF | Aa | 3.11:1 | AA large only |
#76872B on #78DBBE | Aa | 2.4:1 | Fail |
#76B469 on #B9EBFF | Aa | 1.93:1 | Fail |
#76872B on #76B469 | Aa | 1.61:1 | Fail |
#76B469 on #78DBBE | Aa | 1.49:1 | Fail |
#78DBBE on #B9EBFF | Aa | 1.29:1 | Fail |
Similar palettes 24 more in this mood
#D9ED92
#99D98C
#52B69A
#168AAD
#498711
#00AA6D
#00C0AE
#00DDF3
#004D4F
#008276
#4BBA86
#AAE1B7
#BFD278
#7FBE73
#3CA287
#007595
#2D6A4F
#52B788
#95D5B2
#D8F3DC
#A630C1
#755EF5
#7ABCFF
#80E6FF
#023E8A
#0077B6
#00B4D8
#90E0EF
#00736B
#20A8BE
#66B6E9
#ABC7FF
#E2D900
#6EB659
#00A381
#006C74
#00705F
#9FB100
#4CE26B
#FBCF64
#B6CCFF
#62B0FF
#00A0DD
#00657B
#00486A
#007D9C
#00B8BF
#90E3DE
#EFFFBE
#B4F5A7
#6ED1B4
#38A1C4
#003D3F
#00757A
#25B5BB
#C6F0F1
#FFDBAE
#DFC460
#91AD64
#05927F
#003C32
#007962
#00C397
#CFF4E8
#2D6A4F
#65A5E7
#95D5B2
#D8F3DC
#184E50
#2F8F94
#43C9CF
#EBFFFF
#266759
#36A596
#67CEC3
#CAF8F3
#BCF3F4
#55B1B5
#007579
#153B3D
#005479
#0081AB
#38BEE5
#E3F2FD
#004B4D
#008690
#4AB3C2
#B2DDE6
#186B60
#2BB8A4
#87D6C6
#D0F4E6