#265141
#48846C
#E7D5B9
#FDFAF4
#0F3D2EEvergreen
#2E6B54Juniper
#C9B79CTan
#F7F4EESmoke
Emerald Wedding is a split color palette tagged wedding, luxury, muted. A split scheme: Evergreen plays against Tan across roughly 124° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Evergreen | #0F3D2E | rgb(15, 61, 46) | hsl(160, 61%, 15%) | oklch(32.4% 0.056 167) | |
| Juniper | #2E6B54 | rgb(46, 107, 84) | hsl(157, 40%, 30%) | oklch(48.0% 0.074 166) | |
| Tan | #C9B79C | rgb(201, 183, 156) | hsl(36, 29%, 70%) | oklch(78.8% 0.042 78) | |
| Smoke | #F7F4EE | rgb(247, 244, 238) | hsl(40, 36%, 95%) | oklch(96.8% 0.009 85) |
Why it works and how to use it
It works because the lightness range is wide (15% to 95%), which gives clear hierarchy between background, content and accents. Try it for invitations and event branding.
- Background: Smoke (#F7F4EE) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#0F3D2E) on #F7F4EE gives 11.08:1, passing WCAG AAA.
- Primary: Juniper (#2E6B54) is the most saturated mid-tone; use it for buttons and links (5.72:1 against the background, fine for UI elements).
- Accent: Tan (#C9B79C) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Smoke at 11.08:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Emerald Wedding
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
#0F3D2E
#2E6B54
#C9B79C
#F7F4EE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0F3D2E on #F7F4EE | Aa | 11.08:1 | AAA |
#0F3D2E on #C9B79C | Aa | 6.22:1 | AA |
#2E6B54 on #F7F4EE | Aa | 5.72:1 | AA |
#2E6B54 on #C9B79C | Aa | 3.21:1 | AA large only |
#0F3D2E on #2E6B54 | Aa | 1.94:1 | Fail |
#C9B79C on #F7F4EE | Aa | 1.78:1 | Fail |
Similar palettes 24 more in this mood
#273754
#52719E
#F1DDBE
#FDFAF5
#4B292F
#76444C
#CEBCB2
#F7F4F1
#14233F
#405E89
#D8C4A6
#F8F5F0
#F8F5FA
#E3D9EC
#B4A0C8
#5E5470
#FCEFF1
#F4C7CF
#E6A0AB
#5E4B4E
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#B08968
#DDB892
#E6CCB2
#FFF6EA
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#F6F3EC
#DCE3D5
#9CAF88
#5B6B54
#FBF6F0
#F3DCD4
#E8B4B8
#B8A184
#F7F7F4
#D9E0E6
#8FA8BF
#5A6B7B
#FAF3EC
#E9C9B6
#C97B5B
#6E4A3B
#B89F6E
#DAC9A1
#6A6A5A
#F5F3EE
#7D93A8
#B3C3D1
#E3E9EE
#FBF8F3
#5A1A2A
#8C2F45
#D9B8A6
#FAF3EE
#F9F1EA
#F1D6CD
#D4AF37
#4A3A30
#FFA891
#F7C6B5
#FBEDE7
#F0BC7A
#1B4332
#2D6A4F
#B7B7A4
#F0EFEB
#1C2541
#465D79
#5BC0BE
#FFFFFF
#EEF9F7
#BCE7E0
#85CFC5
#2F5F5A
#14101F
#4D4365
#8E6BFF
#EEE9FF
#245B54
#4F9E92
#B7E4DC
#F1FBF9
#F6B078
#F0CBAA
#FBEDE7
#DAC777