Coastal Hamptons Crisp Blue

Airy seaside retreat interior scheme with nautical navy shiplap, whitewashed slipcovers, and sea-glass decor.

#Interior Design#Ocean#Clean#Cool#Fresh
Open in Generator
COLOR 1
#0F2942
Slate 800
COLOR 2
#1E5280
Aegean Sea
COLOR 3
#4A89BF
Steel Blue
COLOR 4
#B8D5ED
Baby Blue Soft
COLOR 5
#F4F8FB
Slate 100

Color Values & Codes

HEX · RGB · HSL
Slate 800
#0F2942
rgb(15, 41, 66)hsl(209, 63%, 16%)Color details →
Aegean Sea
#1E5280
rgb(30, 82, 128)hsl(208, 62%, 31%)Color details →
Steel Blue
#4A89BF
rgb(74, 137, 191)hsl(208, 48%, 52%)Color details →
rgb(184, 213, 237)hsl(207, 60%, 83%)Color details →
Slate 100
#F4F8FB
rgb(244, 248, 251)hsl(206, 47%, 97%)Color details →

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0F2942;
  --color-2: #1E5280;
  --color-3: #4A89BF;
  --color-4: #B8D5ED;
  --color-5: #F4F8FB;
}

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
#0F2942 on #B8D5ED9.73:1
Normal Text AA Pass
Sample Text
#0F2942 on #F4F8FB13.89:1
Normal Text AA Pass
Sample Text
#1E5280 on #B8D5ED5.35:1
Normal Text AA Pass
Sample Text
#1E5280 on #F4F8FB7.64:1
Normal Text AA Pass
Sample Text
#4A89BF on #B8D5ED2.45:1
Large Text Only (Fail)
Sample Text
#4A89BF on #F4F8FB3.50:1
Large Text Only (Pass)