#FFFFFF
#FFD6E8
#FF2E88
#1A1A1A
#0C0C0EObsidian
#D36A7DBlush
#83CFD6Sky Blue
#DFF3F8Frost
Blush & Sky Blue Shore is a complementary color palette tagged modern, black, pink. Near-complementary hues (about 164° 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 |
|---|---|---|---|---|---|
| Obsidian | #0C0C0E | rgb(12, 12, 14) | hsl(240, 8%, 5%) | oklch(15.5% 0.004 286) | |
| Blush | #D36A7D | rgb(211, 106, 125) | hsl(349, 54%, 62%) | oklch(65.2% 0.133 10) | |
| Sky Blue | #83CFD6 | rgb(131, 207, 214) | hsl(185, 50%, 68%) | oklch(80.8% 0.076 203) | |
| Frost | #DFF3F8 | rgb(223, 243, 248) | hsl(192, 64%, 92%) | oklch(95.1% 0.022 214) |
Why it works and how to use it
With 3 chromatic colors, Blush takes the lead while the rest support. Lightness runs from 5% to 92%. Well suited to websites, presentations and branding.
- Background: Frost (#DFF3F8) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#0C0C0E) on #DFF3F8 gives 17.04:1, passing WCAG AAA.
- Primary: Blush (#D36A7D) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Sky Blue (#83CFD6) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Frost at 17.04:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Blush & Sky Blue Shore
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
#0C0C0E
#D36A7D
#83CFD6
#DFF3F8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0C0C0E on #DFF3F8 | Aa | 17.04:1 | AAA |
#0C0C0E on #83CFD6 | Aa | 11.04:1 | AAA |
#0C0C0E on #D36A7D | Aa | 5.7:1 | AA |
#D36A7D on #DFF3F8 | Aa | 2.99:1 | Fail |
#D36A7D on #83CFD6 | Aa | 1.94:1 | Fail |
#83CFD6 on #DFF3F8 | Aa | 1.54:1 | Fail |
Similar palettes 24 more in this mood
#EDEFF5
#FFA1AF
#00A3AF
#000F13
#FFC7C4
#00A754
#F0F0F7
#0F0B00
#0D0D0D
#D8F696
#D4679E
#FDFDFD
#FDFDFD
#F3DCE6
#D46C8D
#1A1A1A
#EDEFF3
#FD7463
#707990
#181A20
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#FFFFFF
#E4E4E3
#F59E0B
#1C1917
#FFF7F9
#EED8E0
#E11D74
#2B1720
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#00272F
#FF9898
#E5E5E5
#FDFDFD
#3B2F0D
#7D602F
#EC9388
#FFF7F2
#E5E6E6
#F61061
#4E5756
#0E0F0F
#ECF1F7
#FF2A6C
#4E6074
#222A32
#D7263D
#FFFFFF
#F9C5D1
#2E7D5B
#655B57
#F36893
#C3A7A5
#FFF1E6
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#00977C
#FF69B4
#FFB6D9
#FFF0F7
#00B4B4
#008E90
#F5F0E1
#FD94A5
#FAFAF8
#D9D9D4
#FF9B97
#1E1E1C
#121214
#5D6064
#B3CCFF
#E6EEFF