#12195A
#992C90
#F252A7
#FFF7F8
#271D3FSpace
#8E4864Plum
#D6797FTerracotta
#FCF8F9Snow
Ruby Terracotta & Plum is a split color palette tagged retro, dark, pink. A split scheme: Space plays against Terracotta across roughly 98° 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 |
|---|---|---|---|---|---|
| Space | #271D3F | rgb(39, 29, 63) | hsl(258, 37%, 18%) | oklch(26.1% 0.063 295) | |
| Plum | #8E4864 | rgb(142, 72, 100) | hsl(336, 33%, 42%) | oklch(49.7% 0.100 356) | |
| Terracotta | #D6797F | rgb(214, 121, 127) | hsl(356, 53%, 66%) | oklch(68.0% 0.116 16) | |
| Snow | #FCF8F9 | rgb(252, 248, 249) | hsl(345, 40%, 98%) | oklch(98.2% 0.004 360) |
Why it works and how to use it
It works because the lightness range is wide (18% to 98%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Snow (#FCF8F9) is the lightest color, so it belongs on large surfaces.
- Text: Space (#271D3F) on #FCF8F9 gives 14.95:1, passing WCAG AAA.
- Primary: Terracotta (#D6797F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Plum (#8E4864) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Snow at 14.95:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Ruby Terracotta & Plum
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
#271D3F
#8E4864
#D6797F
#FCF8F9
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#271D3F on #FCF8F9 | Aa | 14.95:1 | AAA |
#8E4864 on #FCF8F9 | Aa | 6.11:1 | AA |
#271D3F on #D6797F | Aa | 5.17:1 | AA |
#D6797F on #FCF8F9 | Aa | 2.89:1 | Fail |
#271D3F on #8E4864 | Aa | 2.45:1 | Fail |
#8E4864 on #D6797F | Aa | 2.12:1 | Fail |
Similar palettes 24 more in this mood
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#3A0546
#B31D33
#FD5B03
#FFF7F8
#41296E
#C83E7D
#FF8D94
#FFF8F9
#FF9CBA
#FFF6E2
#4CF6BE
#404258
#F9F0F7
#ADD500
#D1B7CC
#291D27
#A92E65
#A1602E
#DB81D7
#F79287
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#F46A9B
#FFD166
#06D6A0
#2B2D42
#2B2B2B
#E63946
#F1FAEE
#457B9D
#13405A
#F14740
#FFA15F
#FFFBE4
#9F4786
#AA5E00
#D56380
#EE7055
#994978
#CD602B
#B980CE
#FF9CA4
#00333C
#D0246B
#FF735E
#F8DCB8
#19292F
#71838B
#EEE431
#E9F3F8
#FBF6FA
#C9B3C6
#00A44D
#1E171D
#66478D
#926DBA
#FFD050
#FCFAF5
#A17669
#B1809F
#BE8A57
#EEA1AD
#283A31
#E623B0
#A5C6B5
#F0FBF5
#825A7D
#C27C6A
#D598A7
#CEAA85
#3B8185
#C29D9B
#57B9BF
#E5ACB2
#1B242E
#D3BF00
#B7CEE9
#F1F7FE
#EEF2F1
#BFDAD3
#8059BD
#141B1A
#2B2B2B
#D35900
#F1FAEE
#5B75A3