#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#B3408BMulberry
#D178B4Orchid
#FFC0BBBaby Pink
#F4F1DEBeige
Mulberry & Orchid Bloom is a light, split color palette tagged warm, purple, pink. The hues span about 92°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Mulberry | #B3408B | rgb(179, 64, 139) | hsl(321, 47%, 48%) | oklch(55.5% 0.170 344) | |
| Orchid | #D178B4 | rgb(209, 120, 180) | hsl(320, 49%, 65%) | oklch(68.9% 0.133 340) | |
| Baby Pink | #FFC0BB | rgb(255, 192, 187) | hsl(4, 100%, 87%) | oklch(86.4% 0.073 24) | |
| Beige | #F4F1DE | rgb(244, 241, 222) | hsl(52, 50%, 91%) | oklch(95.5% 0.025 100) |
Why it works and how to use it
With 4 chromatic colors, Baby Pink takes the lead while the rest support. Lightness runs from 48% to 91%. Well suited to websites, presentations and branding.
- Background: Beige (#F4F1DE) is the lightest color, so it belongs on large surfaces.
- Text: Mulberry (#B3408B) on #F4F1DE gives 4.59:1, passing WCAG AA.
- Primary: Baby Pink (#FFC0BB) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Orchid (#D178B4) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Mulberry on Beige at 4.59:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Mulberry & Orchid Bloom
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
#B3408B
#D178B4
#FFC0BB
#F4F1DE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#B3408B on #F4F1DE | Aa | 4.59:1 | AA |
#B3408B on #FFC0BB | Aa | 3.36:1 | AA large only |
#D178B4 on #F4F1DE | Aa | 2.62:1 | Fail |
#D178B4 on #FFC0BB | Aa | 1.91:1 | Fail |
#B3408B on #D178B4 | Aa | 1.75:1 | Fail |
#FFC0BB on #F4F1DE | Aa | 1.37:1 | Fail |
Similar palettes 24 more in this mood
#562945
#A5467F
#FB99A8
#FFEFED
#DC59D2
#FF82A9
#FFC8B3
#FFEDE5
#E79EE3
#FFC9CF
#D5D491
#FFF9F2
#7C3555
#D17B96
#8E269E
#FFF8E7
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#7F1767
#B9217D
#E565B2
#FCE4EC
#6B2D5C
#F0386B
#FF5376
#F8C0C8
#FF1493
#FF69B4
#FFB6C1
#FFF0F5
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#E0218A
#FF69B4
#FFB6D9
#FFF0F7
#FFF4F6
#FFC9D6
#FFE7A8
#7A5C6B
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#A92E65
#A1602E
#DB81D7
#F79287
#892300
#8B705A
#E0939A
#F8E7EE
#34032D
#832B74
#BE499C
#FE92AA
#FF9FB3
#CC53AB
#C95941
#794100
#411100
#975F5F
#D17E99
#F1A2D9
#9F4786
#AA5E00
#D56380
#EE7055
#F65840
#E664CF
#FF9427
#FF97B3
#3B2F0D
#7D602F
#EC9388
#FFF7F2
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#F8BDFF
#FF9792
#FF9952
#FC6FB2