#FF9FB3
#CC53AB
#C95941
#794100
#FF8C90Tulip
#D46F9ABlush
#B439ABMulberry
#8E3300Chocolate
Mulberry & Tulip Mist is a vivid split color palette tagged warm, pink, purple. A split scheme: Tulip plays against Chocolate across roughly 78° 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 |
|---|---|---|---|---|---|
| Tulip | #FF8C90 | rgb(255, 140, 144) | hsl(358, 100%, 77%) | oklch(76.6% 0.139 19) | |
| Blush | #D46F9A | rgb(212, 111, 154) | hsl(334, 54%, 63%) | oklch(66.9% 0.135 354) | |
| Mulberry | #B439AB | rgb(180, 57, 171) | hsl(304, 52%, 46%) | oklch(56.5% 0.203 331) | |
| Chocolate | #8E3300 | rgb(142, 51, 0) | hsl(22, 100%, 28%) | oklch(44.7% 0.134 42) |
Why it works and how to use it
It works because the lightness range is wide (28% to 77%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Tulip (#FF8C90) is the lightest color, so it belongs on large surfaces.
- Text: Chocolate (#8E3300) on #FF8C90 gives 3.59:1, enough for large headings only.
- Primary: Blush (#D46F9A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Mulberry (#B439AB) 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 Mulberry & Tulip Mist
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
#FF8C90
#D46F9A
#B439AB
#8E3300
Color-blind check: under tritanopia, Tulip and Blush 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 |
|---|---|---|---|
#FF8C90 on #8E3300 | Aa | 3.59:1 | AA large only |
#D46F9A on #8E3300 | Aa | 2.49:1 | Fail |
#FF8C90 on #B439AB | Aa | 2.29:1 | Fail |
#D46F9A on #B439AB | Aa | 1.59:1 | Fail |
#B439AB on #8E3300 | Aa | 1.57:1 | Fail |
#FF8C90 on #D46F9A | Aa | 1.44:1 | Fail |
Similar palettes 24 more in this mood
#9A002E
#A83CB4
#B66746
#F151AA
#983C18
#B16100
#C8567B
#FF9C9B
#6D3769
#BA8FFF
#F09385
#FF88B1
#C4CE00
#F49450
#FF7470
#A47900
#853310
#B2003C
#A659B4
#FF78C4
#800864
#720093
#F05E85
#FFBDAE
#9C7500
#DC5657
#FFB161
#FFC4AB
#9C6500
#E26C53
#B89500
#FF9E5E
#B1DA87
#5EDD9C
#B9A900
#9A6700
#CDD61D
#FF9600
#499526
#8F6E00
#874C00
#AB3F00
#7F7300
#AD7E00
#B40064
#A87E00
#C27067
#FFB179
#981E2D
#006E93
#4AF8C9
#FFCBC4
#6E3DA6
#7C6400
#69C0FF
#FFD76A
#E9E8E6
#AA4EFB
#817F76
#191815
#910039
#A0771C
#E87E00
#FFC0B1
#6B2D5C
#F0386B
#FF5376
#F8C0C8
#A92E65
#A1602E
#DB81D7
#F79287
#34032D
#832B74
#BE499C
#FE92AA
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#411100
#975F5F
#D17E99
#F1A2D9
#9F4786
#AA5E00
#D56380
#EE7055
#2A6C00
#646E00
#009E66
#D2B01B