#E7E7E7Ice
#E1C8CDBaby Pink
#1BA95FJade
#373636Onyx

Paradise Jade & Baby Pink color palette

TropicalSummerMinimalGrayGreen
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Paradise Jade & Baby Pink is a complementary color palette tagged tropical, summer, minimal. Baby Pink and Jade sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Ice#E7E7E7rgb(231, 231, 231)hsl(0, 0%, 91%)oklch(92.8% 0.000 0)
Baby Pink#E1C8CDrgb(225, 200, 205)hsl(348, 29%, 83%)oklch(85.5% 0.029 4)
Jade#1BA95Frgb(27, 169, 95)hsl(149, 72%, 38%)oklch(64.7% 0.158 154)
Onyx#373636rgb(55, 54, 54)hsl(0, 1%, 21%)oklch(33.4% 0.001 17)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Jade to lead. Lightness runs from 21% to 91%. Well suited to websites, presentations and branding.

  • Background: Ice (#E7E7E7) is the lightest color, so it belongs on large surfaces.
  • Text: Onyx (#373636) on #E7E7E7 gives 9.74:1, passing WCAG AAA.
  • Primary: Jade (#1BA95F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Baby Pink (#E1C8CD) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ice on Onyx at 9.74:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Paradise Jade & Baby Pink

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
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#E7E7E7
#E1C8CD
#1BA95F
#373636

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#E7E7E7 on #373636Aa9.74:1AAA
#E1C8CD on #373636Aa7.65:1AAA
#1BA95F on #373636Aa3.95:1AA large only
#E7E7E7 on #1BA95FAa2.47:1Fail
#E1C8CD on #1BA95FAa1.94:1Fail
#E7E7E7 on #E1C8CDAa1.27:1Fail

Similar palettes 24 more in this mood

More tropical palettes →More summer palettes →More minimal palettes →More gray palettes →More green palettes →