Coastal It-Girl Amalfi
Carefree Mediterranean holiday aesthetic pairing cobalt blue ceramic tiles with striped beach umbrellas and sparkling seas.
#Aesthetic#Ocean#Fresh#Clean#Cool
COLOR 1
#0C3854
Twilight Blue
COLOR 2
#186A9E
Mediterranean Blue
COLOR 3
#38BDF8
Deep Sky Blue
COLOR 4
#FDE047
Kihada Yellow
COLOR 5
#FFFFFF
White
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #0C3854;
--color-2: #186A9E;
--color-3: #38BDF8;
--color-4: #FDE047;
--color-5: #FFFFFF;
}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
#0C3854 on #FDE0479.32:1
Normal Text AA Pass
Sample Text
#0C3854 on #FFFFFF12.29:1
Normal Text AA Pass
Sample Text
#186A9E on #FDE0474.43:1
Large Text Only (Pass)
Sample Text
#186A9E on #FFFFFF5.84:1
Normal Text AA Pass
Sample Text
#38BDF8 on #FDE0471.63:1
Large Text Only (Fail)
Sample Text
#38BDF8 on #FFFFFF2.14:1
Large Text Only (Fail)