#A47864
#C9A58B
#E8D9CB
#F7F3EE
#65384CPlum Purple
#B7604EClay
#E0A548Marigold
#ECE09CVanilla
Tangerine Marigold & Clay is a split color palette tagged warm, earthy. A split scheme: Plum Purple plays against Vanilla across roughly 78° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum Purple | #65384C | rgb(101, 56, 76) | hsl(333, 29%, 31%) | oklch(40.3% 0.069 353) | |
| Clay | #B7604E | rgb(183, 96, 78) | hsl(10, 42%, 51%) | oklch(58.7% 0.116 33) | |
| Marigold | #E0A548 | rgb(224, 165, 72) | hsl(37, 71%, 58%) | oklch(76.1% 0.129 76) | |
| Vanilla | #ECE09C | rgb(236, 224, 156) | hsl(51, 68%, 77%) | oklch(90.1% 0.088 99) |
Why it works and how to use it
With 4 chromatic colors, Marigold takes the lead while the rest support. Lightness runs from 31% to 77%. Well suited to wellness, organic and outdoor brands.
- Background: Vanilla (#ECE09C) is the lightest color, so it belongs on large surfaces.
- Text: Plum Purple (#65384C) on #ECE09C gives 7.07:1, passing WCAG AAA.
- Primary: Marigold (#E0A548) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Clay (#B7604E) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum Purple on Vanilla at 7.07:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Tangerine Marigold & Clay
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
#65384C
#B7604E
#E0A548
#ECE09C
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#65384C on #ECE09C | Aa | 7.07:1 | AAA |
#65384C on #E0A548 | Aa | 4.34:1 | AA large only |
#B7604E on #ECE09C | Aa | 3.27:1 | AA large only |
#65384C on #B7604E | Aa | 2.16:1 | Fail |
#B7604E on #E0A548 | Aa | 2.01:1 | Fail |
#E0A548 on #ECE09C | Aa | 1.63:1 | Fail |
Similar palettes 24 more in this mood
#B08968
#DDB892
#E6CCB2
#FFF6EA
#432818
#99582A
#BB9457
#FFE6A7
#6F1D1B
#BB9457
#99582A
#FFE6A7
#7F5539
#B08968
#DDB892
#EDE0D4
#8D5524
#C68642
#E0AC69
#F1C27D
#2C1810
#6E4E3F
#B85C38
#E0C097
#7A4A2E
#B06A3B
#E7A977
#F9E4D0
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#3F2E1E
#7C5E3C
#C8A97E
#F1E7D6
#B5623A
#D9A57C
#A3B18A
#F3EDE4
#9C4A2F
#C97D5A
#E8C9A8
#F8F1E7
#554910
#A76704
#A5BC85
#FFC5B2
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#644400
#C5701B
#B69A00
#C6CF8F
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#FFD9A8
#CA8800
#9A6200
#4A2A00
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C4A484
#E6D3B3
#A98467
#F7F1E8
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#C9971C
#E4C36B
#8A6A44
#F5EEDF
#501C00
#8F3400
#D05300
#F9DBD4
#CBAD73
#B59453
#9C7A3E
#80612F
#D96C2C
#E9B44C
#8C5E2A
#F5E8C7