#470A00
#A32E12
#CA4300
#FC9063
#710049Plum Purple
#9E003BCranberry
#B54500Rust
#C47A00Ochre
Cranberry & Rust Mist is a vivid dark, split color palette tagged gradient, vibrant, warm. A split scheme: Plum Purple plays against Ochre across roughly 76° 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 |
|---|---|---|---|---|---|
| Plum Purple | #710049 | rgb(113, 0, 73) | hsl(321, 100%, 22%) | oklch(36.2% 0.151 350) | |
| Cranberry | #9E003B | rgb(158, 0, 59) | hsl(338, 100%, 31%) | oklch(44.6% 0.178 11) | |
| Rust | #B54500 | rgb(181, 69, 0) | hsl(23, 100%, 35%) | oklch(53.6% 0.159 43) | |
| Ochre | #C47A00 | rgb(196, 122, 0) | hsl(37, 100%, 38%) | oklch(64.3% 0.141 68) |
Why it works and how to use it
It works because the lightness steps are gentle (22% to 38%), which keeps the mood consistent from edge to edge. Try it for dark-mode interfaces and gaming.
- Background: Ochre (#C47A00) is the lightest color, so it belongs on large surfaces.
- Text: Plum Purple (#710049) on #C47A00 gives 3.41:1, enough for large headings only.
- Primary: Cranberry (#9E003B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Rust (#B54500) 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 Cranberry & Rust 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
#710049
#9E003B
#B54500
#C47A00
Color-blind check: under tritanopia, Cranberry and Rust 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 |
|---|---|---|---|
#710049 on #C47A00 | Aa | 3.41:1 | AA large only |
#9E003B on #C47A00 | Aa | 2.44:1 | Fail |
#710049 on #B54500 | Aa | 2.12:1 | Fail |
#B54500 on #C47A00 | Aa | 1.61:1 | Fail |
#9E003B on #B54500 | Aa | 1.52:1 | Fail |
#710049 on #9E003B | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#200009
#800004
#BA4900
#D28800
#9E3B3E
#9F5900
#F68357
#FBBA36
#370617
#9D0208
#E85D04
#FAA307
#501C00
#8F3400
#D05300
#F9DBD4
#981A69
#AD1F03
#FF6A89
#FC83FF
#B7426B
#D87300
#FFAC9F
#F8C13F
#FFC26F
#FF896D
#E17D30
#A9233F
#397700
#C88C00
#BCB600
#FFC9AC
#FFB199
#FF9AA2
#FF7A9C
#E85D8A
#BD5F53
#826300
#A73B64
#834500
#7C3300
#A25500
#EB7600
#FCE4EC
#9D50A6
#D53A43
#F8789F
#FFB7E2
#5D2521
#A74242
#E76E5F
#FFD7C9
#FFD8D6
#CE4E59
#A20027
#3E272A
#340723
#9A003B
#EC534E
#FF9D59
#311200
#704800
#B08900
#B3C52A
#994F00
#D4B800
#FFC6B7
#FFCE83
#FFB2CE
#F89782
#EE4D68
#9C1084
#792A2D
#B63845
#F6626A
#FFF7F7
#904F00
#8AC337
#D0C700
#EEBD58
#A22B8D
#C35734
#E26670
#FF77AE
#5A0A14
#9B1B30
#D64550
#F9DADD
#880E4F
#9A5B00
#F06292
#FCE4EC