#00CEAD
#00B856
#00A2CD
#001D21
#0B3D91Cobalt
#1E88E5Blueberry
#96C7FFBaby Blue
#CCFF90Mint
Verdant Blueberry & Mint is a vivid complementary color palette tagged cold, blue, green. Cobalt and Mint sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Cobalt | #0B3D91 | rgb(11, 61, 145) | hsl(218, 86%, 31%) | oklch(38.6% 0.148 261) | |
| Blueberry | #1E88E5 | rgb(30, 136, 229) | hsl(208, 79%, 51%) | oklch(61.8% 0.167 251) | |
| Baby Blue | #96C7FF | rgb(150, 199, 255) | hsl(212, 100%, 79%) | oklch(81.6% 0.095 252) | |
| Mint | #CCFF90 | rgb(204, 255, 144) | hsl(88, 100%, 78%) | oklch(94.0% 0.149 129) |
Why it works and how to use it
It works because the lightness range is wide (31% to 79%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Mint (#CCFF90) is the lightest color, so it belongs on large surfaces.
- Text: Cobalt (#0B3D91) on #CCFF90 gives 8.74:1, passing WCAG AAA.
- Primary: Baby Blue (#96C7FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Blueberry (#1E88E5) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Cobalt on Mint at 8.74:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Verdant Blueberry & Mint
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
#0B3D91
#1E88E5
#96C7FF
#CCFF90
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#0B3D91 on #CCFF90 | Aa | 8.74:1 | AAA |
#0B3D91 on #96C7FF | Aa | 5.7:1 | AA |
#1E88E5 on #CCFF90 | Aa | 3.2:1 | AA large only |
#0B3D91 on #1E88E5 | Aa | 2.73:1 | Fail |
#1E88E5 on #96C7FF | Aa | 2.09:1 | Fail |
#96C7FF on #CCFF90 | Aa | 1.53:1 | Fail |
Similar palettes 24 more in this mood
#00C184
#64D2FC
#A9D875
#3DEEEC
#9AD3FF
#64E1AB
#00CBC3
#008BA3
#90EBAA
#40B5B3
#4183B9
#F6F9EE
#D9ED92
#99D98C
#52B69A
#168AAD
#00C187
#00C7C5
#94C173
#9DE4FF
#63AEA6
#65CB9E
#82CEFA
#B7F3FF
#9FD1B2
#65CAE2
#4D978F
#0267A2
#8BCBFF
#00ED85
#27DEFF
#01F4DF
#4A4E4D
#6887C8
#AAC7F2
#94EA9E
#2E4E28
#11769F
#6FBEC4
#61D6B4
#EFFFBE
#B4F5A7
#6ED1B4
#38A1C4
#00594C
#006D7A
#528556
#2786C2
#196178
#3396B7
#B2D884
#F7F2E4
#2D6A4F
#65A5E7
#95D5B2
#D8F3DC
#B5E48C
#52B69A
#168AAD
#F6F9EE
#E1ECFF
#94C7FF
#009E6D
#324E00
#31A3E1
#00C4AA
#00CBE0
#8DEFA2
#0B2447
#3B5C9E
#6E86D6
#A5D7E8
#000814
#1B3A69
#2A5A99
#79EB85
#A163FF
#005A89
#004556
#6BD09D
#0B3D91
#1E88E5
#00E5A0
#CCFF90
#0077B6
#00B4D8
#90E0EF
#CAF0F8
#03045E
#0077B6
#00B4D8
#90E0EF