#F0F0F0
#7454DD
#574F44
#0E0E0E
#A52DA8Plum
#FDFDFDWhite
#2E3440Gunmetal
#D8DEE9Glacier
Crimson Plum & Gunmetal is a split color palette tagged minimal, purple, white. The hues span about 80°, 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 cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum | #A52DA8 | rgb(165, 45, 168) | hsl(299, 58%, 42%) | oklch(53.0% 0.207 327) | |
| White | #FDFDFD | rgb(253, 253, 253) | hsl(0, 0%, 99%) | oklch(99.4% 0.000 0) | |
| Gunmetal | #2E3440 | rgb(46, 52, 64) | hsl(220, 16%, 22%) | oklch(32.4% 0.023 264) | |
| Glacier | #D8DEE9 | rgb(216, 222, 233) | hsl(219, 28%, 88%) | oklch(89.9% 0.016 263) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (99% down to 22% lightness). A natural fit for websites, presentations and branding.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#2E3440) on #FDFDFD gives 12.28:1, passing WCAG AAA.
- Primary: Plum (#A52DA8) is the most saturated mid-tone; use it for buttons and links (5.83:1 against the background, fine for UI elements).
- Accent: Glacier (#D8DEE9) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is White on Gunmetal at 12.28:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Crimson Plum & Gunmetal
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
#A52DA8
#FDFDFD
#2E3440
#D8DEE9
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#FDFDFD on #2E3440 | Aa | 12.28:1 | AAA |
#2E3440 on #D8DEE9 | Aa | 9.25:1 | AAA |
#A52DA8 on #FDFDFD | Aa | 5.83:1 | AA |
#A52DA8 on #D8DEE9 | Aa | 4.39:1 | AA large only |
#A52DA8 on #2E3440 | Aa | 2.11:1 | Fail |
#FDFDFD on #D8DEE9 | Aa | 1.33:1 | Fail |
Similar palettes 24 more in this mood
#F2EEE8
#8064F0
#89795F
#2A241B
#EFEFEF
#A22DE0
#6A5F52
#222221
#302D26
#776C54
#C448CD
#F6F4EF
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#FFD2BC
#474747
#936DC2
#EEEEEE
#FFF7F9
#EED8E0
#B341D6
#221A2B
#13111A
#4B4659
#8B7ECC
#EDEBF7
#FDFDFD
#E5E3E9
#7870C2
#1F1D2A
#000000
#3A3A3A
#C29DFD
#F2F2F2
#343042
#6F6483
#CCA6E1
#FDF8FF
#FBF7EF
#EAD9B8
#B3A1E5
#3A3226
#F1EFE7
#D9D4C7
#8C8A82
#2F2F2F
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#0B0F14
#3C4552
#E2ACFF
#E6EDF3
#FDFDFD
#E4E4E4
#111111
#9736BC
#111111
#424242
#E444BE
#FAFAFA
#FFFDFC
#EDE0DB
#D07AEA
#1F2933
#FAFAF8
#D9D9D4
#C8A8FF
#1E1E1C
#2B2A28
#8D8780
#D8D2C8
#F5F2ED
#222831
#575D65
#00ADB5
#EEEEEE
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#EEE9FF
#8F84AA
#5019B0
#14101F
#3F3D48
#7E798F
#C2B9FF
#EFECFA