#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#1C0C32Ink
#792D5EPlum Purple
#C94B6ABrick
#E9AE67Tan
Brick & Plum Purple Mist color palette
Brick & Plum Purple Mist is a split color palette tagged dark. A split scheme: Ink plays against Tan across roughly 128° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Ink | #1C0C32 | rgb(28, 12, 50) | hsl(265, 61%, 12%) | oklch(20.3% 0.072 299) | |
| Plum Purple | #792D5E | rgb(121, 45, 94) | hsl(321, 46%, 33%) | oklch(42.3% 0.121 344) | |
| Brick | #C94B6A | rgb(201, 75, 106) | hsl(345, 54%, 54%) | oklch(59.0% 0.161 8) | |
| Tan | #E9AE67 | rgb(233, 174, 103) | hsl(33, 75%, 66%) | oklch(79.1% 0.112 70) |
Why it works and how to use it
It works because the lightness range is wide (12% to 66%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Tan (#E9AE67) is the lightest color, so it belongs on large surfaces.
- Text: Ink (#1C0C32) on #E9AE67 gives 9.33:1, passing WCAG AAA.
- Primary: Brick (#C94B6A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Plum Purple (#792D5E) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Tan at 9.33:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Brick & Plum Purple 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
#1C0C32
#792D5E
#C94B6A
#E9AE67
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1C0C32 on #E9AE67 | Aa | 9.33:1 | AAA |
#792D5E on #E9AE67 | Aa | 4.56:1 | AA |
#1C0C32 on #C94B6A | Aa | 4.09:1 | AA large only |
#C94B6A on #E9AE67 | Aa | 2.28:1 | Fail |
#1C0C32 on #792D5E | Aa | 2.05:1 | Fail |
#792D5E on #C94B6A | Aa | 2:1 | Fail |
Similar palettes 24 more in this mood
#B3001B
#E63946
#F8E9E9
#1D1D1D
#0B0F0E
#3A4642
#BEF62F
#F3FFE0
#222831
#575D65
#00ADB5
#EEEEEE
#0B2447
#3B5C9E
#6E86D6
#A5D7E8
#000000
#3A3A3A
#D4AF37
#F2F2F2
#3E2723
#6D4C41
#A1887F
#EFEBE9
#10002B
#5A189A
#9D4EDD
#E0AAFF
#212529
#525A61
#ADB5BD
#F8F9FA
#0D1B2A
#3C5374
#5A7A9E
#E0E1DD
#03256C
#2541B2
#1768AC
#06BEE1
#1F2041
#5A4F83
#FFC857
#119DA4
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#03071E
#0B525B
#1B998B
#C2F970
#370617
#9D0208
#E85D04
#FAA307
#000814
#1B3A69
#2A5A99
#FFC300
#2C1810
#6E4E3F
#B85C38
#E0C097
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#4A0E0E
#9C3F3C
#C85956
#E8D8C4
#240046
#6021A1
#9D4EDD
#FF9E00
#1E1E1E
#575757
#8A8A8A
#EDEDED
#0D1F22
#345365
#7A9E7E
#E9F5DB
#22223B
#595D79
#9A8C98
#F2E9E4
#1A1B26
#4B5273
#7AA2F7
#BB9AF7