#40513B
#609966
#9DC08B
#EDF1D6
#3C9F70Jade
#71D383Emerald
#E8ECD2Parchment
#B85107Mahogany
Crimson Mahogany & Emerald is a split color palette tagged nature, green. A split scheme: Jade plays against Mahogany across roughly 127° 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 |
|---|---|---|---|---|---|
| Jade | #3C9F70 | rgb(60, 159, 112) | hsl(152, 45%, 43%) | oklch(63.2% 0.117 159) | |
| Emerald | #71D383 | rgb(113, 211, 131) | hsl(131, 53%, 64%) | oklch(78.7% 0.146 148) | |
| Parchment | #E8ECD2 | rgb(232, 236, 210) | hsl(69, 41%, 87%) | oklch(93.3% 0.035 114) | |
| Mahogany | #B85107 | rgb(184, 81, 7) | hsl(25, 93%, 37%) | oklch(55.8% 0.151 47) |
Why it works and how to use it
With 4 chromatic colors, Emerald takes the lead while the rest support. Lightness runs from 37% to 87%. Well suited to wellness, organic and outdoor brands.
- Background: Parchment (#E8ECD2) is the lightest color, so it belongs on large surfaces.
- Text: Mahogany (#B85107) on #E8ECD2 gives 4.12:1, enough for large headings only.
- Primary: Emerald (#71D383) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Jade (#3C9F70) 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 Crimson Mahogany & Emerald
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
#3C9F70
#71D383
#E8ECD2
#B85107
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E8ECD2 on #B85107 | Aa | 4.12:1 | AA large only |
#3C9F70 on #E8ECD2 | Aa | 2.72:1 | Fail |
#71D383 on #B85107 | Aa | 2.69:1 | Fail |
#3C9F70 on #71D383 | Aa | 1.78:1 | Fail |
#71D383 on #E8ECD2 | Aa | 1.53:1 | Fail |
#3C9F70 on #B85107 | Aa | 1.51:1 | Fail |
Similar palettes 24 more in this mood
#F4A259
#F4E285
#8CB369
#5B8E7D
#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#554910
#A76704
#A5BC85
#FFC5B2
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#6A994E
#A7C957
#F2E8CF
#BC4749
#005313
#186F08
#4F8F45
#8FCD85
#8AA944
#00967D
#007D82
#285A34
#727B00
#D2A682
#87D07C
#F9CF62
#684200
#688928
#1FA15B
#D6C03B
#00480D
#005748
#007E8C
#5A96BD
#293515
#447F4A
#209E77
#ACAB82
#9DD6C7
#A4BB44
#A18000
#4C7653
#4EA26C
#AB8F00
#89B56D
#BBC649
#003E41
#005E1A
#008C72
#3787A7
#9AC97E
#7FA16A
#547B3C
#0B4B00
#363300
#006469
#007C60
#599E41
#006325
#3CA081
#9EB57F
#18DAD3
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#404F1C
#00564B
#78A484
#D8C46F
#8DA689
#1EAE81
#009590
#575E24
#676418
#48795B
#95AB83
#4FC5B1
#E7AB4A
#DEEA8E
#74B87C
#558E88
#213C04
#356344
#1C8888
#6F9C8F