#692390
#5E6891
#4194F1
#DBD6FF
#530086Indigo
#4C4BB7Iris
#2E8BC0Steel Blue
#6BEBC8Seafoam
Lagoon Indigo & Iris is a vivid split color palette tagged vibrant, cold, purple. A split scheme: Indigo plays against Seafoam across roughly 113° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Indigo | #530086 | rgb(83, 0, 134) | hsl(277, 100%, 26%) | oklch(35.4% 0.184 305) | |
| Iris | #4C4BB7 | rgb(76, 75, 183) | hsl(241, 43%, 51%) | oklch(47.7% 0.166 278) | |
| Steel Blue | #2E8BC0 | rgb(46, 139, 192) | hsl(202, 61%, 47%) | oklch(60.7% 0.117 238) | |
| Seafoam | #6BEBC8 | rgb(107, 235, 200) | hsl(164, 76%, 67%) | oklch(85.8% 0.125 173) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a soft light-to-dark ladder (67% down to 26% lightness). A natural fit for websites, presentations and branding.
- Background: Seafoam (#6BEBC8) is the lightest color, so it belongs on large surfaces.
- Text: Indigo (#530086) on #6BEBC8 gives 8.38:1, passing WCAG AAA.
- Primary: Steel Blue (#2E8BC0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Iris (#4C4BB7) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Seafoam at 8.38:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Lagoon Indigo & Iris
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
#530086
#4C4BB7
#2E8BC0
#6BEBC8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#530086 on #6BEBC8 | Aa | 8.38:1 | AAA |
#4C4BB7 on #6BEBC8 | Aa | 4.78:1 | AA |
#530086 on #2E8BC0 | Aa | 3.25:1 | AA large only |
#2E8BC0 on #6BEBC8 | Aa | 2.57:1 | Fail |
#4C4BB7 on #2E8BC0 | Aa | 1.86:1 | Fail |
#530086 on #4C4BB7 | Aa | 1.75:1 | Fail |
Similar palettes 24 more in this mood
#A630C1
#755EF5
#7ABCFF
#80E6FF
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#FEA2FF
#6CC9FF
#9E72F2
#5A85FF
#121016
#54149C
#693B79
#5B9FFF
#6F3EAB
#9C38A1
#8B98FF
#7FBCFF
#2FA4FF
#956FF2
#526CFC
#912BAE
#7A91FF
#CBA6FF
#FF92EE
#87CBFF
#D8BFFF
#B37BF7
#7B31BA
#240042
#3F71CC
#AE47D1
#B0A5FF
#40C1FF
#386AD0
#6E73E3
#B49DFF
#DEB4FF
#95489F
#3F9CEF
#C1A3FF
#B6C5FF
#4B537A
#892680
#1CA6FF
#D1B6F9
#80BAFF
#BB7FFF
#858BFF
#0F020E
#004558
#00588E
#5550EB
#A95CFF
#A4C5FF
#9D93FF
#C049FF
#160819
#170A1D
#895DE6
#0093D1
#DE3BF3
#222897
#5733BB
#9875E4
#F3E5F5
#9137D9
#7277E7
#66BFF6
#EDFFF9
#F4F1EA
#2B2B2B
#5CA2FF
#8E44AD
#2E1890
#5945F7
#BB7CF7
#F8E6FC
#10002B
#5A189A
#9D4EDD
#E0AAFF
#3C096C
#7B2CBF
#C77DFF
#E0AAFF
#F72585
#7209B7
#3A0CA3
#4CC9F0