#94364E
#915A0E
#CC9F91
#C7C09A
#C6CD7DCeladon
#EA8D6DSalmon
#A59775Hazelnut
#864D00Cedar
Wild Salmon & Cedar is a analogous color palette tagged nature, warm, earthy. Analogous neighbors on the wheel (Celadon, Salmon, Hazelnut) give it a natural, low-tension flow. 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 |
|---|---|---|---|---|---|
| Celadon | #C6CD7D | rgb(198, 205, 125) | hsl(65, 44%, 65%) | oklch(82.5% 0.103 113) | |
| Salmon | #EA8D6D | rgb(234, 141, 109) | hsl(15, 75%, 67%) | oklch(73.4% 0.122 40) | |
| Hazelnut | #A59775 | rgb(165, 151, 117) | hsl(42, 21%, 55%) | oklch(68.0% 0.050 88) | |
| Cedar | #864D00 | rgb(134, 77, 0) | hsl(34, 100%, 26%) | oklch(47.7% 0.108 64) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a soft light-to-dark ladder (67% down to 26% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Celadon (#C6CD7D) is the lightest color, so it belongs on large surfaces.
- Text: Cedar (#864D00) on #C6CD7D gives 4.04:1, enough for large headings only.
- Primary: Salmon (#EA8D6D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Hazelnut (#A59775) 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 Wild Salmon & Cedar
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
#C6CD7D
#EA8D6D
#A59775
#864D00
Color-blind check: under protanopia and deuteranopia, Salmon and Hazelnut become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#C6CD7D on #864D00 | Aa | 4.04:1 | AA large only |
#EA8D6D on #864D00 | Aa | 2.77:1 | Fail |
#A59775 on #864D00 | Aa | 2.37:1 | Fail |
#C6CD7D on #A59775 | Aa | 1.71:1 | Fail |
#C6CD7D on #EA8D6D | Aa | 1.46:1 | Fail |
#EA8D6D on #A59775 | Aa | 1.17:1 | Fail |
Similar palettes 24 more in this mood
#603E2D
#9D6B03
#7F9A6E
#ADA643
#554910
#A76704
#A5BC85
#FFC5B2
#554223
#9B8A00
#93A869
#DAA785
#8FCF94
#B68C62
#869937
#776000
#8E503C
#D5865E
#F6CBA7
#7795A4
#A27A6D
#DEAD95
#FFEAD9
#9EB1BA
#7A3E2A
#B86B44
#D9B08C
#5E7C8A
#727B00
#D2A682
#87D07C
#F9CF62
#684200
#688928
#1FA15B
#D6C03B
#69483D
#A17762
#CBB4A1
#6A7A81
#D4B693
#B18974
#8E974C
#896F00
#005313
#186F08
#4F8F45
#8FCD85
#8AA944
#00967D
#007D82
#285A34
#7F6000
#B8885D
#B3B96E
#AEE699
#00480D
#005748
#007E8C
#5A96BD
#78A89A
#55849E
#005756
#003741
#293515
#447F4A
#209E77
#ACAB82
#673D22
#6C5936
#949761
#B3D6AC
#9DD6C7
#A4BB44
#A18000
#4C7653
#49715F
#00868F
#3FC7B6
#55CAF0
#D798C1
#8E6C65
#98485B
#72523A
#647AA3
#008991
#007C62
#005574
#8C4E2D
#925D67
#BD7269
#A88C6F