#03256C
#2541B2
#1768AC
#06BEE1
#0B2447Space
#3B5C9ELapis
#6E86D6Cornflower
#A5D7E8Powder Blue
Deep Ocean Drift is a analogous color palette tagged ocean, dark, cold. Analogous neighbors on the wheel (Space, Lapis, Cornflower) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Space | #0B2447 | rgb(11, 36, 71) | hsl(215, 73%, 16%) | oklch(26.3% 0.072 258) | |
| Lapis | #3B5C9E | rgb(59, 92, 158) | hsl(220, 46%, 43%) | oklch(48.3% 0.113 263) | |
| Cornflower | #6E86D6 | rgb(110, 134, 214) | hsl(226, 56%, 64%) | oklch(63.6% 0.124 270) | |
| Powder Blue | #A5D7E8 | rgb(165, 215, 232) | hsl(195, 59%, 78%) | oklch(85.0% 0.057 221) |
Why it works and how to use it
With 4 chromatic colors, Cornflower takes the lead while the rest support. Lightness runs from 16% to 78%. Well suited to websites, presentations and branding.
- Background: Powder Blue (#A5D7E8) is the lightest color, so it belongs on large surfaces.
- Text: Space (#0B2447) on #A5D7E8 gives 9.93:1, passing WCAG AAA.
- Primary: Cornflower (#6E86D6) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Lapis (#3B5C9E) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Powder Blue at 9.93:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Deep Ocean Drift
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
#0B2447
#3B5C9E
#6E86D6
#A5D7E8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0B2447 on #A5D7E8 | Aa | 9.93:1 | AAA |
#0B2447 on #6E86D6 | Aa | 4.45:1 | AA large only |
#3B5C9E on #A5D7E8 | Aa | 4.2:1 | AA large only |
#0B2447 on #3B5C9E | Aa | 2.36:1 | Fail |
#6E86D6 on #A5D7E8 | Aa | 2.23:1 | Fail |
#3B5C9E on #6E86D6 | Aa | 1.88:1 | Fail |
Similar palettes 24 more in this mood
#00304E
#00538D
#006F94
#00C2C8
#231D6B
#4A35AE
#4260AF
#41B8F1
#192C50
#384D87
#44688D
#74B6C9
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#68709B
#9271DA
#639EC2
#84B8FF
#0086A6
#4D9184
#37A8F6
#00CCD6
#023E8A
#0077B6
#00B4D8
#90E0EF
#002E6E
#1A73D4
#6D93E8
#9DC6FF
#96BAFE
#8F7CCD
#00939A
#005D7F
#007D9B
#00B8BD
#90E3DD
#CAF1EF
#BEB6FF
#5596F8
#0099C7
#774384
#A3E3FF
#4EB2E1
#006DA5
#003F59
#00646F
#0080B9
#7192FF
#DFCFFF
#D4D2FF
#9FCBEC
#2F59BD
#006B81
#00D8D7
#6075BF
#00596C
#00436D
#014D71
#267CB2
#5CA9E7
#B7E6FF
#4B537A
#892680
#1CA6FF
#D1B6F9
#4F6BBD
#53AAEC
#9EDAFF
#D1EDFF
#00486A
#007D9C
#00B8BF
#90E3DE
#44546C
#7D93BE
#B0C1F4
#D7F4FF
#1C53A1
#3394D5
#40D0F5
#C8F6FF
#497697
#6DADC0
#B0DAE2
#D8ECF1
#373389
#486DBD
#4AABEA
#9ADBFD