What are the hex codes in the Mint Mojito palette?

The Mint Mojito color palette consists of Peacock #116A7B, Putty #CDC2AE, Pearl #ECE5C7, Powder Blue #C2DEDC.

How should I use the Mint Mojito palette on a website?

Use Pearl #ECE5C7 as the background, Peacock #116A7B for text, Powder Blue #C2DEDC for buttons and links, and Putty #CDC2AE for accents. 1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Peacock on Pearl at 4.92:1.

Which colors in Mint Mojito have enough contrast for text?

The highest-contrast pair is #116A7B on #ECE5C7 with a ratio of 4.92:1, which passes WCAG AA for normal text.

#116A7BPeacock

#CDC2AEPutty

#ECE5C7Pearl

#C2DEDCPowder Blue

Mint Mojito color palette

Muted Vintage Teal Gray Beige

Color codes click any value to copy

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

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.

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 Secondary

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.

Palette card

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 26 more in this mood