#F65840
#E664CF
#FF9427
#FF97B3
#743E6FPlum
#CB4763Brick
#FF913ACarrot
#EBB356Cantaloupe
Brick & Carrot Shore is a vivid split color palette tagged vibrant, warm, purple. A split scheme: Plum plays against Cantaloupe across roughly 91° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum | #743E6F | rgb(116, 62, 111) | hsl(306, 30%, 35%) | oklch(44.9% 0.101 331) | |
| Brick | #CB4763 | rgb(203, 71, 99) | hsl(347, 56%, 54%) | oklch(58.7% 0.168 11) | |
| Carrot | #FF913A | rgb(255, 145, 58) | hsl(26, 100%, 61%) | oklch(76.1% 0.164 55) | |
| Cantaloupe | #EBB356 | rgb(235, 179, 86) | hsl(37, 79%, 63%) | oklch(80.1% 0.127 78) |
Why it works and how to use it
It works because the lightness steps are gentle (35% to 63%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Cantaloupe (#EBB356) is the lightest color, so it belongs on large surfaces.
- Text: Plum (#743E6F) on #EBB356 gives 4.18:1, enough for large headings only.
- Primary: Carrot (#FF913A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Brick (#CB4763) 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 Brick & Carrot 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
#743E6F
#CB4763
#FF913A
#EBB356
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#743E6F on #EBB356 | Aa | 4.18:1 | AA large only |
#743E6F on #FF913A | Aa | 3.52:1 | AA large only |
#CB4763 on #EBB356 | Aa | 2.41:1 | Fail |
#CB4763 on #FF913A | Aa | 2.03:1 | Fail |
#743E6F on #CB4763 | Aa | 1.74:1 | Fail |
#FF913A on #EBB356 | Aa | 1.19:1 | Fail |
Similar palettes 24 more in this mood
#B51502
#A92794
#BE5776
#F58600
#F28AF2
#FC8100
#80284F
#940014
#AF60B6
#D58AA9
#FF9650
#F19E99
#A22B8D
#C35734
#E26670
#FF77AE
#0F0E17
#FF8906
#F25F4C
#E53170
#2D4059
#EA5455
#F07B3F
#FFD460
#6B2D5C
#F0386B
#FF5376
#F8C0C8
#6A040F
#DC2F02
#F48C06
#FFBA08
#1B1B1B
#F96D00
#8B5CF6
#F2F2F2
#F94144
#F3722C
#F9C74F
#90BE6D
#370617
#9D0208
#E85D04
#FAA307
#240046
#6021A1
#9D4EDD
#FF9E00
#D62828
#F77F00
#FCBF49
#EAE2B7
#1A1A1A
#FF7B00
#FFB700
#FFF3D6
#FF006E
#FB5607
#FFBE0B
#8338EC
#FFF200
#FFD100
#FF9F1C
#FFFFFF
#94691E
#B26B7A
#F67664
#FF8725
#775249
#872870
#850039
#120115
#9A002E
#A83CB4
#B66746
#F151AA
#FE9AED
#C77D96
#923E00
#8F101F
#A92E65
#A1602E
#DB81D7
#F79287
#981A69
#AD1F03
#FF6A89
#FC83FF
#100311
#D04D00
#FF8294
#FF74D0