#B3001B
#E63946
#F8E9E9
#1D1D1D
#5C2832Plum Purple
#B04357Brick
#FB9E84Dusty Rose
#FFF0E6Linen
Juicy Brick & Dusty Rose is a vivid analogous color palette tagged warm, red, white. The hues stay within 25° of each other on the color wheel, which is why the palette feels cohesive rather than busy. These are bold, punchy colors that need generous white space around them. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum Purple | #5C2832 | rgb(92, 40, 50) | hsl(348, 39%, 26%) | oklch(35.2% 0.077 10) | |
| Brick | #B04357 | rgb(176, 67, 87) | hsl(349, 45%, 48%) | oklch(53.6% 0.143 12) | |
| Dusty Rose | #FB9E84 | rgb(251, 158, 132) | hsl(13, 94%, 75%) | oklch(78.7% 0.118 36) | |
| Linen | #FFF0E6 | rgb(255, 240, 230) | hsl(24, 100%, 95%) | oklch(96.4% 0.021 56) |
Why it works and how to use it
With 3 chromatic colors, Dusty Rose takes the lead while the rest support. Lightness runs from 26% to 95%. Well suited to websites, presentations and branding.
- Background: Linen (#FFF0E6) is the lightest color, so it belongs on large surfaces.
- Text: Plum Purple (#5C2832) on #FFF0E6 gives 10.45:1, passing WCAG AAA.
- Primary: Dusty Rose (#FB9E84) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Brick (#B04357) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum Purple on Linen at 10.45:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Juicy Brick & Dusty Rose
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
#5C2832
#B04357
#FB9E84
#FFF0E6
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#5C2832 on #FFF0E6 | Aa | 10.45:1 | AAA |
#5C2832 on #FB9E84 | Aa | 5.72:1 | AA |
#B04357 on #FFF0E6 | Aa | 4.98:1 | AA |
#B04357 on #FB9E84 | Aa | 2.73:1 | Fail |
#5C2832 on #B04357 | Aa | 2.1:1 | Fail |
#FB9E84 on #FFF0E6 | Aa | 1.83:1 | Fail |
Similar palettes 24 more in this mood
#9E2A2B
#E09F3E
#FFF3B0
#FFFFFF
#B22222
#165B33
#F8B229
#FFFFFF
#F24452
#FFD1DA
#FFF9F4
#75574E
#A62B1F
#D9553B
#F2B880
#FFF4E6
#D13135
#FF5A5F
#FFF8F8
#2C2C2C
#AC001A
#E99B00
#D1BF59
#FDFDFD
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#5A0F2D
#9E2A2B
#D4A373
#F5EBDD
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#7B3F00
#C98A4B
#B3001B
#FFF8E7
#6F0002
#D62A3C
#FF514E
#FFEBE6
#CE403A
#2E6F46
#FFD593
#FAFAFA
#D7263D
#F6A5B7
#FFF1E6
#5A3E36
#B3001B
#F2A900
#1A1A1A
#FFF5E1
#792A2D
#B63845
#F6626A
#FFF7F7
#D3363D
#FF8474
#FFD9D4
#FAFAFA
#F9F3E8
#8DCB8E
#F5AFBE
#DF0A00
#6B0F1A
#B4364D
#F4B6C2
#FFF5F7
#CC2C31
#FFC464
#2A2A2A
#FFFAEF
#9B0012
#AD3D31
#352B15
#E4F4FF
#00653D
#C62A29
#EBC751
#FBF1E0
#FBF6ED
#E22036
#FFC5D1
#93DC9E
#C23B51
#E07585
#FFC49D
#F4F1DE