<![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shades of Blue Premium</title>
</head>
<body>
<div class="section-blue">
<h1>Shades of Blue</h1>
<h2>Psychology Sheet</h2>
<div class="grid">
<div class="card blue">
<h3>Blue <span>#0051FF</span></h3>
<p>trust, peace, wisdom, stability</p>
</div>
<div class="card navy">
<h3>Navy <span>#00087F</span></h3>
<p>strength, authority, intelligence</p>
</div>
<div class="card midnight">
<h3>Midnight <span>#24157F</span></h3>
<p>mystery, depth, elegance</p>
</div>
<div class="card azure">
<h3>Azure <span>#007FFF</span></h3>
<p>clarity, freedom, serenity, youthfulness</p>
</div>
<div class="card sapphire">
<h3>Sapphire <span>#0F52BA</span></h3>
<p>truth, nobility, luxury, loyalty</p>
</div>
<div class="card persian">
<h3>Persian <span>#243B8D</span></h3>
<p>confidence, sophistication, ambition</p>
</div>
<div class="card argentina">
<h3>Argentina <span>#70B8FF</span></h3>
<p>openness, tranquility, compassion</p>
</div>
<div class="card cerulean">
<h3>Cerulean <span>#007BA7</span></h3>
<p>inspiration, renewal, clarity, refreshment</p>
</div>
<div class="card aqua">
<h3>Aqua <span>#0AFFFF</span></h3>
<p>balance, vibrancy, energy, healing</p>
</div>
<div class="card sky">
<h3>Sky <span>#99CCFF</span></h3>
<p>lightness, calm, aspiration</p>
</div>
<div class="card electric">
<h3>Electric <span>#52E8FF</span></h3>
<p>intensity, innovation, alertness, excitement</p>
</div>
<div class="card celeste">
<h3>Celeste <span>#ADFFFF</span></h3>
<p>gentleness, innocence, freshness, calm</p>
</div>
</div>
</div>
</body>
</html>]]>
