#0077B6
#00B4D8
#90E0EF
#CAF0F8
#3E318EIndigo
#6879E8Blueberry
#00E0CFTurquoise
#BAFFCBAquamarine
Bold Blueberry & Indigo is a vivid split color palette tagged cold, blue, teal. A split scheme: Indigo plays against Aquamarine 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 | #3E318E | rgb(62, 49, 142) | hsl(248, 49%, 37%) | oklch(38.6% 0.147 283) | |
| Blueberry | #6879E8 | rgb(104, 121, 232) | hsl(232, 74%, 66%) | oklch(61.7% 0.167 274) | |
| Turquoise | #00E0CF | rgb(0, 224, 207) | hsl(175, 100%, 44%) | oklch(81.5% 0.144 185) | |
| Aquamarine | #BAFFCB | rgb(186, 255, 203) | hsl(135, 100%, 86%) | oklch(94.1% 0.098 152) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (86% down to 37% lightness). A natural fit for websites, presentations and branding.
- Background: Aquamarine (#BAFFCB) is the lightest color, so it belongs on large surfaces.
- Text: Indigo (#3E318E) on #BAFFCB gives 8.97:1, passing WCAG AAA.
- Primary: Turquoise (#00E0CF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Blueberry (#6879E8) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Indigo on Aquamarine at 8.97:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Bold Blueberry & Indigo
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
#3E318E
#6879E8
#00E0CF
#BAFFCB
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#3E318E on #BAFFCB | Aa | 8.97:1 | AAA |
#3E318E on #00E0CF | Aa | 6.17:1 | AA |
#6879E8 on #BAFFCB | Aa | 3.33:1 | AA large only |
#3E318E on #6879E8 | Aa | 2.7:1 | Fail |
#6879E8 on #00E0CF | Aa | 2.29:1 | Fail |
#00E0CF on #BAFFCB | Aa | 1.45:1 | Fail |
Similar palettes 24 more in this mood
#03045E
#0077B6
#00B4D8
#90E0EF
#03256C
#2541B2
#1768AC
#06BEE1
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#40DADC
#00BBED
#09C393
#3A8FF6
#7071CC
#00918B
#4E91D5
#4EBBDB
#5AA2D9
#8BB1FF
#00CED9
#5ED8FF
#0086A6
#4D9184
#37A8F6
#00CCD6
#A630C1
#755EF5
#7ABCFF
#80E6FF
#00C184
#64D2FC
#A9D875
#3DEEEC
#7CEAE6
#35D7FF
#74BDFD
#788BF6
#90EBAA
#40B5B3
#4183B9
#F6F9EE
#023E8A
#0077B6
#00B4D8
#90E0EF
#D9ED92
#99D98C
#52B69A
#168AAD
#97C4FF
#00ACAF
#008EB6
#7251FE
#040F12
#00C7D1
#8EBBFF
#CAC6FF
#0C2277
#288BCC
#33C8EC
#D0F7FF
#96BAFE
#8F7CCD
#00939A
#005D7F
#E6C2FF
#52B69A
#168AAD
#F6F9EE
#A4DCFF
#60D7D5
#00AF8D
#00A4BF
#007D9B
#00B8BD
#90E3DD
#CAF1EF
#002232
#81AFEA
#26C3DA
#A3C6C2
#00D8D0
#66B0E7
#37A4BD
#6481DC
#00736B
#20A8BE
#66B6E9
#ABC7FF