#283A31
#E623B0
#A5C6B5
#F0FBF5
#1F333DGunmetal
#F749B0Hot Pink
#A1CEE3Sky Blue
#DBE8EEIce
Hot Pink & Sky Blue Breeze is a split color palette tagged retro, neon, minimal. A split scheme: Gunmetal plays against Ice across roughly 125° 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 |
|---|---|---|---|---|---|
| Gunmetal | #1F333D | rgb(31, 51, 61) | hsl(200, 33%, 18%) | oklch(30.9% 0.031 231) | |
| Hot Pink | #F749B0 | rgb(247, 73, 176) | hsl(324, 92%, 63%) | oklch(68.2% 0.230 349) | |
| Sky Blue | #A1CEE3 | rgb(161, 206, 227) | hsl(199, 54%, 76%) | oklch(82.7% 0.056 228) | |
| Ice | #DBE8EE | rgb(219, 232, 238) | hsl(199, 36%, 90%) | oklch(92.3% 0.016 227) |
Why it works and how to use it
It works because the lightness range is wide (18% to 90%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Ice (#DBE8EE) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#1F333D) on #DBE8EE gives 10.5:1, passing WCAG AAA.
- Primary: Hot Pink (#F749B0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Sky Blue (#A1CEE3) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Ice at 10.5:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Hot Pink & Sky Blue Breeze
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
#1F333D
#F749B0
#A1CEE3
#DBE8EE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1F333D on #DBE8EE | Aa | 10.5:1 | AAA |
#1F333D on #A1CEE3 | Aa | 7.79:1 | AAA |
#1F333D on #F749B0 | Aa | 4.09:1 | AA large only |
#F749B0 on #DBE8EE | Aa | 2.57:1 | Fail |
#F749B0 on #A1CEE3 | Aa | 1.91:1 | Fail |
#A1CEE3 on #DBE8EE | Aa | 1.35:1 | Fail |
Similar palettes 24 more in this mood
#F9F0F7
#ADD500
#D1B7CC
#291D27
#19292F
#71838B
#EEE431
#E9F3F8
#FBF6FA
#C9B3C6
#00A44D
#1E171D
#393A3C
#00BD3A
#ACB3C1
#E8E8EA
#E9E9F5
#FCAF0C
#B8B7D3
#222132
#1B242E
#D3BF00
#B7CEE9
#F1F7FE
#EEF2F1
#BFDAD3
#8059BD
#141B1A
#2D4059
#EA5455
#F07B3F
#FFD460
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#264653
#2A9D8F
#E76F51
#F4A261
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#D62828
#F77F00
#FCBF49
#EAE2B7
#003049
#D62828
#F77F00
#EAE2B7
#40DADC
#00BBED
#09C393
#3A8FF6
#7071CC
#00918B
#4E91D5
#4EBBDB
#A92E65
#A1602E
#DB81D7
#F79287
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#D96C2C
#E9B44C
#8C5E2A
#F5E8C7
#7C8B3C
#C4B454
#D77A3B
#F2E9D4
#F46A9B
#FFD166
#06D6A0
#2B2D42
#97812C
#DDA855
#DE7164
#F2E9D4
#2B2B2B
#E63946
#F1FAEE
#457B9D
#13405A
#F14740
#FFA15F
#FFFBE4