#FBF6F0
#F3DCD4
#E8B4B8
#B8A184
#273754Prussian Blue
#52719ESteel Blue
#F1DDBEPearl
#FDFAF5Snow
Romantic Steel Blue & Pearl is a complementary color palette tagged wedding, muted, cold. Near-complementary hues (about 180° apart) make this a high-contrast, attention-grabbing combination. 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 |
|---|---|---|---|---|---|
| Prussian Blue | #273754 | rgb(39, 55, 84) | hsl(219, 37%, 24%) | oklch(33.7% 0.056 262) | |
| Steel Blue | #52719E | rgb(82, 113, 158) | hsl(216, 32%, 47%) | oklch(54.4% 0.080 258) | |
| Pearl | #F1DDBE | rgb(241, 221, 190) | hsl(36, 65%, 85%) | oklch(90.6% 0.047 79) | |
| Snow | #FDFAF5 | rgb(253, 250, 245) | hsl(37, 67%, 98%) | oklch(98.6% 0.007 81) |
Why it works and how to use it
It works because the lightness range is wide (24% to 98%), which gives clear hierarchy between background, content and accents. Try it for invitations and event branding.
- Background: Snow (#FDFAF5) is the lightest color, so it belongs on large surfaces.
- Text: Prussian Blue (#273754) on #FDFAF5 gives 11.45:1, passing WCAG AAA.
- Primary: Pearl (#F1DDBE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Steel Blue (#52719E) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Prussian Blue on Snow at 11.45:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Romantic Steel Blue & Pearl
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
#273754
#52719E
#F1DDBE
#FDFAF5
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#273754 on #FDFAF5 | Aa | 11.45:1 | AAA |
#273754 on #F1DDBE | Aa | 8.99:1 | AAA |
#52719E on #FDFAF5 | Aa | 4.79:1 | AA |
#52719E on #F1DDBE | Aa | 3.76:1 | AA large only |
#273754 on #52719E | Aa | 2.39:1 | Fail |
#F1DDBE on #FDFAF5 | Aa | 1.27:1 | Fail |
Similar palettes 24 more in this mood
#B89F6E
#DAC9A1
#6A6A5A
#F5F3EE
#265141
#48846C
#E7D5B9
#FDFAF4
#D9A48F
#EFC8B8
#F7E6DC
#FFFAF6
#4B292F
#76444C
#CEBCB2
#F7F4F1
#B08968
#DDB892
#E6CCB2
#FFF6EA
#0F3D2E
#2E6B54
#C9B79C
#F7F4EE
#14233F
#405E89
#D8C4A6
#F8F5F0
#F9F1EA
#F1D6CD
#D4AF37
#4A3A30
#F6F3EC
#DCE3D5
#9CAF88
#5B6B54
#F7F7F4
#D9E0E6
#8FA8BF
#5A6B7B
#FAF3EC
#E9C9B6
#C97B5B
#6E4A3B
#F8F5FA
#E3D9EC
#B4A0C8
#5E5470
#FCEFF1
#F4C7CF
#E6A0AB
#5E4B4E
#7D93A8
#B3C3D1
#E3E9EE
#FBF8F3
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#C99A2E
#E6C77A
#6B6B4E
#F7F3EA
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#FFA891
#F7C6B5
#FBEDE7
#F0BC7A
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#F6B078
#F0CBAA
#FBEDE7
#DAC777
#FFF9F3
#FEDECA
#EA9978
#835E4E
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#142532
#528494
#DE9D89
#FAF4E9