#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#28323AGunmetal
#596D8CDove Gray
#7390B8Blue Gray
#FFEDC5Papaya
Blue Gray & Papaya Mist is a complementary color palette tagged muted, minimal, gray. Near-complementary hues (about 175° 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 |
|---|---|---|---|---|---|
| Gunmetal | #28323A | rgb(40, 50, 58) | hsl(207, 18%, 19%) | oklch(31.1% 0.020 242) | |
| Dove Gray | #596D8C | rgb(89, 109, 140) | hsl(216, 22%, 45%) | oklch(53.1% 0.055 259) | |
| Blue Gray | #7390B8 | rgb(115, 144, 184) | hsl(215, 33%, 59%) | oklch(64.6% 0.069 257) | |
| Papaya | #FFEDC5 | rgb(255, 237, 197) | hsl(41, 100%, 89%) | oklch(95.1% 0.055 87) |
Why it works and how to use it
With 4 chromatic colors, Blue Gray takes the lead while the rest support. Lightness runs from 19% to 89%. Well suited to websites, presentations and branding.
- Background: Papaya (#FFEDC5) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#28323A) on #FFEDC5 gives 11.3:1, passing WCAG AAA.
- Primary: Blue Gray (#7390B8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dove Gray (#596D8C) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Papaya at 11.3:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Blue Gray & Papaya 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
#28323A
#596D8C
#7390B8
#FFEDC5
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#28323A on #FFEDC5 | Aa | 11.3:1 | AAA |
#596D8C on #FFEDC5 | Aa | 4.55:1 | AA |
#28323A on #7390B8 | Aa | 3.99:1 | AA large only |
#7390B8 on #FFEDC5 | Aa | 2.83:1 | Fail |
#28323A on #596D8C | Aa | 2.48:1 | Fail |
#596D8C on #7390B8 | Aa | 1.61:1 | Fail |
Similar palettes 24 more in this mood
#2E3440
#4C566A
#D8DEE9
#EBCB8B
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#142532
#528494
#DE9D89
#FAF4E9
#F9EDEA
#E8C4B8
#B76E79
#4A3F3C
#1D1900
#B0BEB3
#D5EBBA
#FFF2E0
#020B25
#27446D
#C2AE91
#E3E0DB
#3E4551
#677287
#EDF3FE
#FFE2A8
#3B2C23
#86624B
#AD9878
#F5E7C6
#3B4A3E
#728C69
#D3E0C3
#FCFAF3
#433D37
#AE9E8D
#FFD0C3
#FFEEE7
#564842
#9B857C
#DCA18B
#FFEBD2
#2A1A12
#704E3C
#9C6B48
#E7D4C1
#2B372A
#5E4F3A
#B09E84
#D9D3C7
#F3EBDD
#DCCFB8
#436449
#1C2A20
#574D51
#9EB9B2
#EEEAD2
#DEBC92
#DFD3D0
#CDAA9E
#9E5863
#322725
#FFF3EA
#CFB6A1
#5E7F92
#4D4E4F
#FBF7EF
#EAD9B8
#B3A1E5
#3A3226
#273754
#52719E
#F1DDBE
#FDFAF5
#FFF8F7
#FED9CD
#D88C97
#5C514E
#42352D
#7D6452
#DFBF88
#FCF8F2
#4E3B3B
#7E5E5C
#C9A19C
#F6ECEA
#FFEDD9
#FFCE9E
#927B66
#3B3A36