#554910
#A76704
#A5BC85
#FFC5B2
#7C3A2DBrick Red
#629335Basil
#E9A05FMarigold
#F8E7CEChampagne
Basil & Marigold Shore is a split color palette tagged warm, earthy, green. A split scheme: Brick Red plays against Champagne across roughly 81° 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 |
|---|---|---|---|---|---|
| Brick Red | #7C3A2D | rgb(124, 58, 45) | hsl(10, 47%, 33%) | oklch(43.2% 0.095 33) | |
| Basil | #629335 | rgb(98, 147, 53) | hsl(91, 47%, 39%) | oklch(60.8% 0.136 133) | |
| Marigold | #E9A05F | rgb(233, 160, 95) | hsl(28, 76%, 64%) | oklch(76.4% 0.119 61) | |
| Champagne | #F8E7CE | rgb(248, 231, 206) | hsl(36, 75%, 89%) | oklch(93.5% 0.038 78) |
Why it works and how to use it
It works because the lightness range is wide (33% to 89%), which gives clear hierarchy between background, content and accents. Try it for wellness, organic and outdoor brands.
- Background: Champagne (#F8E7CE) is the lightest color, so it belongs on large surfaces.
- Text: Brick Red (#7C3A2D) on #F8E7CE gives 6.92:1, passing WCAG AA.
- Primary: Marigold (#E9A05F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Basil (#629335) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Brick Red on Champagne at 6.92:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Basil & Marigold Shore
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
#7C3A2D
#629335
#E9A05F
#F8E7CE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#7C3A2D on #F8E7CE | Aa | 6.92:1 | AA |
#7C3A2D on #E9A05F | Aa | 3.86:1 | AA large only |
#629335 on #F8E7CE | Aa | 3.01:1 | AA large only |
#7C3A2D on #629335 | Aa | 2.3:1 | Fail |
#E9A05F on #F8E7CE | Aa | 1.79:1 | Fail |
#629335 on #E9A05F | Aa | 1.68:1 | Fail |
Similar palettes 24 more in this mood
#D4B693
#B18974
#8E974C
#896F00
#7F6000
#B8885D
#B3B96E
#AEE699
#673D22
#6C5936
#949761
#B3D6AC
#B9EDCE
#8CA863
#807239
#6C4419
#7B3F00
#C98A4B
#00731C
#FFF8E7
#554223
#9B8A00
#93A869
#DAA785
#C8E385
#94D098
#A8875C
#89792D
#8FCF94
#B68C62
#869937
#776000
#664C00
#9A8100
#B1BB5D
#E1EFD5
#693A2E
#A47119
#A8BD59
#BDEEB8
#8B7000
#BC951D
#BDDFA2
#F4F1DE
#A47864
#C9A58B
#E8D9CB
#F7F3EE
#5B580A
#8D7900
#DC8900
#CEBB98
#B08968
#DDB892
#E6CCB2
#FFF6EA
#432818
#99582A
#BB9457
#FFE6A7
#6F1D1B
#BB9457
#99582A
#FFE6A7
#7F5539
#B08968
#DDB892
#EDE0D4
#B22222
#165B33
#F8B229
#FFFFFF
#F94144
#F3722C
#F9C74F
#90BE6D
#8D5524
#C68642
#E0AC69
#F1C27D
#2C1810
#6E4E3F
#B85C38
#E0C097
#7A4A2E
#B06A3B
#E7A977
#F9E4D0
#A68A64
#C2B280
#E6DCC3
#FAF7F0