#FE9AED
#C77D96
#923E00
#8F101F
#F28AF2Orchid
#FC8100Tangerine
#80284FWine
#940014Cranberry
Maple Tangerine & Orchid is a vivid split color palette tagged autumn, vibrant, warm. A split scheme: Orchid plays against Cranberry 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 |
|---|---|---|---|---|---|
| Orchid | #F28AF2 | rgb(242, 138, 242) | hsl(300, 80%, 75%) | oklch(78.0% 0.179 327) | |
| Tangerine | #FC8100 | rgb(252, 129, 0) | hsl(31, 100%, 49%) | oklch(72.9% 0.183 54) | |
| Wine | #80284F | rgb(128, 40, 79) | hsl(333, 52%, 33%) | oklch(42.2% 0.127 357) | |
| Cranberry | #940014 | rgb(148, 0, 20) | hsl(352, 100%, 29%) | oklch(42.0% 0.170 25) |
Why it works and how to use it
With 4 chromatic colors, Tangerine takes the lead while the rest support. Lightness runs from 29% to 75%. Well suited to websites, presentations and branding.
- Background: Orchid (#F28AF2) is the lightest color, so it belongs on large surfaces.
- Text: Cranberry (#940014) on #F28AF2 gives 4.27:1, enough for large headings only.
- Primary: Tangerine (#FC8100) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Wine (#80284F) 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 Maple Tangerine & Orchid
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
#F28AF2
#FC8100
#80284F
#940014
Color-blind check: under tritanopia, Wine and Cranberry 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 |
|---|---|---|---|
#F28AF2 on #940014 | Aa | 4.27:1 | AA large only |
#F28AF2 on #80284F | Aa | 4.15:1 | AA large only |
#FC8100 on #940014 | Aa | 3.65:1 | AA large only |
#FC8100 on #80284F | Aa | 3.55:1 | AA large only |
#F28AF2 on #FC8100 | Aa | 1.17:1 | Fail |
#80284F on #940014 | Aa | 1.03:1 | Fail |
Similar palettes 24 more in this mood
#6A040F
#DC2F02
#F48C06
#FFBA08
#94691E
#B26B7A
#F67664
#FF8725
#E47716
#FF6459
#E8A800
#FFA1BE
#C39B00
#D86A0F
#D4432B
#955F00
#8D061D
#6D3D00
#755705
#9A5A3F
#694600
#972A3B
#A44500
#F497CA
#FF9F67
#DE97A1
#CF8300
#A94134
#5F7337
#66B87A
#C8B553
#FBB657
#E4A71C
#92B100
#CE833A
#706400
#67032E
#DB2555
#FF804F
#FFB675
#95000D
#984330
#68ABD4
#00EAC8
#644400
#C5701B
#B69A00
#C6CF8F
#F65840
#E664CF
#FF9427
#FF97B3
#7A4D00
#62975B
#ACBD6B
#DAB700
#B51502
#A92794
#BE5776
#F58600
#664910
#A25500
#9B8D00
#FF9075
#5A0F2D
#9E2A2B
#D4A373
#F5EBDD
#808833
#BD7C00
#D2AC00
#A0DD7B
#632D40
#A34E58
#F0A465
#FFF9F1
#713F21
#BB5F2F
#FF954F
#FFF9F4
#712640
#BB4643
#F2C08F
#FFF9F1
#812122
#F44926
#FFB778
#FFD894
#9A3B3B
#C08261
#E2C799
#F2ECBE