#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#784247Brick Red
#E97E7ESalmon
#F6D4D0Ballet
#F7F3EALinen
Vintage Salmon & Brick Red is a pastel light, analogous color palette tagged warm, pink, white. Analogous neighbors on the wheel (Brick Red, Salmon, Ballet) give it a natural, low-tension flow. High lightness and gentle saturation put it firmly in pastel territory. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Brick Red | #784247 | rgb(120, 66, 71) | hsl(354, 29%, 36%) | oklch(44.6% 0.075 15) | |
| Salmon | #E97E7E | rgb(233, 126, 126) | hsl(0, 71%, 70%) | oklch(71.2% 0.132 21) | |
| Ballet | #F6D4D0 | rgb(246, 212, 208) | hsl(6, 68%, 89%) | oklch(89.7% 0.039 26) | |
| Linen | #F7F3EA | rgb(247, 243, 234) | hsl(42, 45%, 94%) | oklch(96.5% 0.013 87) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (94% down to 36% lightness). A natural fit for social media templates and gentle interfaces.
- Background: Linen (#F7F3EA) is the lightest color, so it belongs on large surfaces.
- Text: Brick Red (#784247) on #F7F3EA gives 7.11:1, passing WCAG AAA.
- Primary: Salmon (#E97E7E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Ballet (#F6D4D0) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Brick Red on Linen at 7.11:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Vintage Salmon & Brick Red
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
#784247
#E97E7E
#F6D4D0
#F7F3EA
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#784247 on #F7F3EA | Aa | 7.11:1 | AAA |
#784247 on #F6D4D0 | Aa | 5.71:1 | AA |
#784247 on #E97E7E | Aa | 2.9:1 | Fail |
#E97E7E on #F7F3EA | Aa | 2.45:1 | Fail |
#E97E7E on #F6D4D0 | Aa | 1.97:1 | Fail |
#F6D4D0 on #F7F3EA | Aa | 1.24:1 | Fail |
Similar palettes 24 more in this mood
#FF1493
#FF69B4
#FFB6C1
#FFF0F5
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#E0218A
#FF69B4
#FFB6D9
#FFF0F7
#FFF4F6
#FFC9D6
#FFE7A8
#7A5C6B
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#892300
#8B705A
#E0939A
#F8E7EE
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#3B2F0D
#7D602F
#EC9388
#FFF7F2
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#562945
#A5467F
#FB99A8
#FFEFED
#F8F8FF
#FF90B3
#C57900
#3D3E3F
#DA8996
#EDD5A0
#A6CEA7
#FDFDFD
#D2C6AC
#FFC6DB
#FFCFAF
#FFE5E2
#FF7DA8
#FFC8BC
#EF9D00
#FDFDFD
#D7263D
#F6A5B7
#FFF1E6
#5A3E36
#714A47
#C0847F
#EAA39E
#F7EDE1
#254855
#A7A97B
#FFC1B9
#F4F1DE
#F382CD
#FFA7BD
#FFC7C8
#FFEDEC
#B3408B
#D178B4
#FFC0BB
#F4F1DE
#FFFFFF
#FFD6E8
#FF2E88
#1A1A1A
#FCEFF1
#F4C7CF
#E6A0AB
#5E4B4E
#46451C
#819248
#F794BC
#FDF6E3