#370617
#9D0208
#E85D04
#FAA307
#BC0022Chili
#BD5F00Burnt Orange
#CB9800Caramel
#DAE84CPear
Melt Chili & Pear is a vivid split color palette tagged gradient, modern, vibrant. A split scheme: Chili plays against Pear across roughly 76° 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 |
|---|---|---|---|---|---|
| Chili | #BC0022 | rgb(188, 0, 34) | hsl(349, 100%, 37%) | oklch(50.1% 0.203 24) | |
| Burnt Orange | #BD5F00 | rgb(189, 95, 0) | hsl(30, 100%, 37%) | oklch(58.7% 0.147 54) | |
| Caramel | #CB9800 | rgb(203, 152, 0) | hsl(45, 100%, 40%) | oklch(70.9% 0.145 84) | |
| Pear | #DAE84C | rgb(218, 232, 76) | hsl(65, 77%, 60%) | oklch(89.3% 0.174 114) |
Why it works and how to use it
It works because the lightness steps are gentle (37% to 60%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Pear (#DAE84C) is the lightest color, so it belongs on large surfaces.
- Text: Chili (#BC0022) on #DAE84C gives 4.94:1, passing WCAG AA.
- Primary: Burnt Orange (#BD5F00) is the most saturated mid-tone; use it for buttons and links (3.26:1 against the background, fine for UI elements).
- Accent: Caramel (#CB9800) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Chili on Pear at 4.94:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Melt Chili & Pear
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
#BC0022
#BD5F00
#CB9800
#DAE84C
Color-blind check: under tritanopia, Chili and Burnt Orange 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 |
|---|---|---|---|
#BC0022 on #DAE84C | Aa | 4.94:1 | AA |
#BD5F00 on #DAE84C | Aa | 3.26:1 | AA large only |
#BC0022 on #CB9800 | Aa | 2.54:1 | Fail |
#CB9800 on #DAE84C | Aa | 1.95:1 | Fail |
#BD5F00 on #CB9800 | Aa | 1.67:1 | Fail |
#BC0022 on #BD5F00 | Aa | 1.52:1 | Fail |
Similar palettes 24 more in this mood
#340723
#9A003B
#EC534E
#FF9D59
#86364D
#A30007
#E85C00
#FAA300
#FF4E50
#FC913A
#F9D423
#FFF3B0
#981A69
#AD1F03
#FF6A89
#FC83FF
#A630C1
#755EF5
#7ABCFF
#80E6FF
#FFC26F
#FF896D
#E17D30
#A9233F
#3F6D26
#9A8E38
#C4976A
#FFBAAD
#3D0000
#95261C
#D04A28
#F4A259
#9D50A6
#D53A43
#F8789F
#FFB7E2
#FFD8D6
#CE4E59
#A20027
#3E272A
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#792A2D
#B63845
#F6626A
#FFF7F7
#A22B8D
#C35734
#E26670
#FF77AE
#5A0A14
#9B1B30
#D64550
#F9DADD
#7A3300
#C75B12
#FF8A3D
#FFE1C7
#FD5615
#F19A14
#DFDF3A
#F1F8B5
#3C000D
#942338
#D1454D
#FC9B6B
#855A8A
#A8688F
#D893A5
#FFBEBB
#DE2A35
#E07814
#D6B500
#E4D896
#470A00
#A32E12
#CA4300
#FC9063
#7A3300
#C75B12
#B4B600
#FFE1C7
#EB9599
#C24754
#B00024
#4B0004
#681F27
#BE4351
#FA4F56
#FFB7AF