#006D77
#83C5BE
#EDF6F9
#FFDDD2
#116A7BPeacock
#CDC2AEPutty
#ECE5C7Pearl
#C2DEDCPowder Blue
Mint Mojito is a complementary color palette tagged muted, vintage, teal. Near-complementary hues (about 151° apart) make this a high-contrast, attention-grabbing combination. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Peacock | #116A7B | rgb(17, 106, 123) | hsl(190, 76%, 27%) | oklch(48.4% 0.081 215) | |
| Putty | #CDC2AE | rgb(205, 194, 174) | hsl(39, 24%, 74%) | oklch(81.8% 0.030 83) | |
| Pearl | #ECE5C7 | rgb(236, 229, 199) | hsl(49, 49%, 85%) | oklch(92.0% 0.040 96) | |
| Powder Blue | #C2DEDC | rgb(194, 222, 220) | hsl(176, 30%, 82%) | oklch(88.0% 0.030 191) |
Why it works and how to use it
With 4 chromatic colors, Powder Blue takes the lead while the rest support. Lightness runs from 27% to 85%. Well suited to websites, presentations and branding.
- Background: Pearl (#ECE5C7) is the lightest color, so it belongs on large surfaces.
- Text: Peacock (#116A7B) on #ECE5C7 gives 4.92:1, passing WCAG AA.
- Primary: Powder Blue (#C2DEDC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Putty (#CDC2AE) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Peacock on Pearl at 4.92:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Mint Mojito
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
#116A7B
#CDC2AE
#ECE5C7
#C2DEDC
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#116A7B on #ECE5C7 | Aa | 4.92:1 | AA |
#116A7B on #C2DEDC | Aa | 4.38:1 | AA large only |
#116A7B on #CDC2AE | Aa | 3.54:1 | AA large only |
#CDC2AE on #ECE5C7 | Aa | 1.39:1 | Fail |
#CDC2AE on #C2DEDC | Aa | 1.24:1 | Fail |
#ECE5C7 on #C2DEDC | Aa | 1.12:1 | Fail |
Similar palettes 24 more in this mood
#A88577
#E4C1AB
#FFEFD7
#719080
#8C6A5D
#C6A48E
#E9D8C0
#5C7A6B
#5A5934
#776D5C
#BE957B
#DFACA6
#C2C1E5
#FCB9BB
#E7E5B2
#A4F8F9
#CAAB80
#B193A4
#A46268
#874A2D
#58737F
#9E8A87
#8EAEC2
#C6B48B
#4B4E4D
#5D9399
#A9CDCE
#E6D09B
#BBA77C
#CFC2A5
#898A78
#F0EEE6
#005766
#B0A592
#D8D1B3
#A5C0BE
#624E47
#9E5A58
#D8B493
#FFF9F2
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#3D405B
#81B29A
#F2CC8F
#F4F1DE
#7D6E5D
#B9A990
#E7DFD3
#F9F7F3
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#4B3832
#854442
#BE9B7B
#FFF4E6
#2E3440
#4C566A
#D8DEE9
#EBCB8B
#EAF7EF
#BFE8D2
#F9E1C4
#4A6B5A
#FFF4F6
#FFC9D6
#FFE7A8
#7A5C6B
#5E8B86
#A7C4BC
#D9A87E
#F6F0E6
#3D5A6C
#6E8FA3
#C8D6D9
#D9C7A6
#7A5C4A
#B08F73
#E3CDB0
#F8F1E6
#9E6B73
#C99CA2
#E9D5D3
#F7F2EF
#806E74
#B28375
#B9AEAE
#EBD7C8