ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Aesthetic

Muted Moonstone Sanctuary

Serene gemstone palette evoking glowing moonlit tides and deep atmospheric blue calm.

#Aesthetic#Luxury#Cool#Calm
Open in Generator
COLOR 1
#389EBE
Moonstone
COLOR 2
#28AAD2
Pacific Blue
COLOR 3
#0C92BB
Pacific Blue
COLOR 4
#247A94
Hando Japanese Cyan
COLOR 5
#12A2CE
Pacific Blue

Color Values & Codes

HEX · RGB · HSL
Moonstone
#389EBE
rgb(56, 158, 190)hsl(194, 54%, 48%)Color details →
rgb(40, 170, 210)hsl(194, 68%, 49%)Color details →
rgb(12, 146, 187)hsl(194, 88%, 39%)Color details →
rgb(36, 122, 148)hsl(194, 61%, 36%)Color details →
rgb(18, 162, 206)hsl(194, 84%, 44%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Aesthetic Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #389EBE;
  --color-2: #28AAD2;
  --color-3: #0C92BB;
  --color-4: #247A94;
  --color-5: #12A2CE;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#389EBE on #247A941.59:1
Large Text Only (Fail)
Sample Text
#389EBE on #12A2CE1.04:1
Large Text Only (Fail)
Sample Text
#28AAD2 on #247A941.81:1
Large Text Only (Fail)
Sample Text
#28AAD2 on #12A2CE1.10:1
Large Text Only (Fail)
Sample Text
#0C92BB on #247A941.36:1
Large Text Only (Fail)
Sample Text
#0C92BB on #12A2CE1.21:1
Large Text Only (Fail)

Related Palettes in Aesthetic

Explore Aesthetic
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#2B2A29Copy
#56524ACopy
#8B8476Copy
#C4BCACCopy
#ECE8E1Copy
cp-featured-10Interior Design
Japandi Sanctuary
Interior DesignNeutralCalm