#F5FBFBSnow
#D9EFEFIce
#1BA3A8Cadet
#1E2A2BRaisin

Aqua Studio color palette

ModernMinimalWhiteTealGray
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Aqua Studio is a monochromatic color palette tagged modern, minimal, white. A monochromatic set: the same hue family from Raisin down to Snow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Snow#F5FBFBrgb(245, 251, 251)hsl(180, 43%, 97%)oklch(98.4% 0.006 197)
Ice#D9EFEFrgb(217, 239, 239)hsl(180, 41%, 89%)oklch(93.6% 0.023 197)
Cadet#1BA3A8rgb(27, 163, 168)hsl(182, 72%, 38%)oklch(65.2% 0.106 199)
Raisin#1E2A2Brgb(30, 42, 43)hsl(185, 18%, 14%)oklch(27.4% 0.017 203)

Why it works and how to use it

The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (97% down to 14% lightness). A natural fit for websites, presentations and branding.

  • Background: Snow (#F5FBFB) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#1E2A2B) on #F5FBFB gives 14.12:1, passing WCAG AAA.
  • Primary: Cadet (#1BA3A8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Ice (#D9EFEF) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Snow on Raisin at 14.12:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Aqua Studio

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

#F5FBFB
#D9EFEF
#1BA3A8
#1E2A2B

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F5FBFB on #1E2A2BAa14.12:1AAA
#D9EFEF on #1E2A2BAa12.34:1AAA
#1BA3A8 on #1E2A2BAa4.82:1AA
#F5FBFB on #1BA3A8Aa2.93:1Fail
#D9EFEF on #1BA3A8Aa2.56:1Fail
#F5FBFB on #D9EFEFAa1.14:1Fail

Similar palettes 24 more in this mood

More modern palettes →More minimal palettes →More white palettes →More teal palettes →More gray palettes →