#0B2447
#3B5C9E
#6E86D6
#A5D7E8
#192C50Space
#384D87Dusk
#44688DLapis
#74B6C9Dusty Blue
Lagoon Dusk & Dusty Blue is a analogous color palette tagged ocean, dark, muted. Analogous neighbors on the wheel (Space, Dusk, Lapis) 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 | #192C50 | rgb(25, 44, 80) | hsl(219, 52%, 21%) | oklch(29.8% 0.070 262) | |
| Dusk | #384D87 | rgb(56, 77, 135) | hsl(224, 41%, 37%) | oklch(43.3% 0.100 267) | |
| Lapis | #44688D | rgb(68, 104, 141) | hsl(210, 35%, 41%) | oklch(50.6% 0.072 250) | |
| Dusty Blue | #74B6C9 | rgb(116, 182, 201) | hsl(193, 44%, 62%) | oklch(73.9% 0.072 218) |
Why it works and how to use it
It works because the lightness steps are gentle (21% to 62%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Dusty Blue (#74B6C9) is the lightest color, so it belongs on large surfaces.
- Text: Space (#192C50) on #74B6C9 gives 6.11:1, passing WCAG AA.
- Primary: Dusk (#384D87) is the most saturated mid-tone; use it for buttons and links (3.6:1 against the background, fine for UI elements).
- Accent: Lapis (#44688D) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Dusty Blue at 6.11:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Lagoon Dusk & Dusty Blue
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
#192C50
#384D87
#44688D
#74B6C9
Color-blind check: under tritanopia, Dusk and Lapis become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#192C50 on #74B6C9 | Aa | 6.11:1 | AA |
#384D87 on #74B6C9 | Aa | 3.6:1 | AA large only |
#44688D on #74B6C9 | Aa | 2.57:1 | Fail |
#192C50 on #44688D | Aa | 2.38:1 | Fail |
#192C50 on #384D87 | Aa | 1.7:1 | Fail |
#384D87 on #44688D | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#03256C
#2541B2
#1768AC
#06BEE1
#00304E
#00538D
#006F94
#00C2C8
#44546C
#7D93BE
#B0C1F4
#D7F4FF
#497697
#6DADC0
#B0DAE2
#D8ECF1
#231D6B
#4A35AE
#4260AF
#41B8F1
#0E3B4A
#1F7A8C
#8FD5D2
#EAF7F5
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#006D77
#83C5BE
#EDF6F9
#FFDDD2
#68709B
#9271DA
#639EC2
#84B8FF
#0086A6
#4D9184
#37A8F6
#00CCD6
#023E8A
#0077B6
#00B4D8
#90E0EF
#0B3954
#087E8B
#BFD7EA
#FFFFFF
#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