Sky: Angel Blue

.button-primary:hover background-color: #4A9BF2; /* Mid‑tone hover */

/* Example button */ .button-primary background-color: var(--sky-angel-blue); color: #212529; /* Dark gray for contrast */ border: 2px solid #2876C9; padding: 0.75rem 1.5rem; border-radius: 0.5rem; transition: background-color .3s ease; sky angel blue

Sky Angel Blue sits between a clear sky and a soft pastel cyan. It’s brighter than classic “sky‑blue” but not as electric as a true “azure.” The name evokes a celestial, almost ethereal quality—perfect for projects that need calm optimism, freshness, and a hint of wonder. | Aspect | Interpretation | |--------|----------------| | Calm & Serenity | Reminiscent of open skies, reduces stress and promotes relaxation. | | Hope & Inspiration | Light blues are associated with forward‑looking optimism and creativity. | | Trust & Dependability | Like many blues, it conveys reliability—great for brands that want to appear trustworthy. | | Spiritual / Angelic | The “angel” qualifier adds an element of purity and subtle spirituality. | | Gender Neutral | Works well across genders, making it a versatile choice in fashion and interior design. | 3. Where to Use Sky Angel Blue | Domain | Best‑Fit Applications | |--------|-----------------------| | Graphic & UI Design | Call‑to‑action buttons, hero sections, app splash screens, infographics, icons, data visualizations (as a highlight color). | | Branding | Logo accents, corporate palettes for health, tech, education, travel, and wellness brands. | | Interior Design | Wall paint for bedrooms, nurseries, home offices; accent textiles (cushions, curtains); bathroom tiles; ceiling paint to “lift” a space. | | Fashion & Textiles | Summer dresses, men’s shirts, swimwear, athleisure, scarves; great for layering with neutrals and deeper blues. | | Packaging | Cosmetic jars, eco‑friendly product boxes, tech gadget sleeves—especially when paired with white or soft gray. | | Print & Publishing | Magazine spreads, book covers (especially for children’s books or self‑help titles), wedding invitations. | | Event & Décor | Wedding color palettes (paired with ivory and blush), baby showers, corporate events needing a fresh, airy vibe. | 4. Complementary & Harmonizing Colors 4.1. Classic Complement (Opposite on the Color Wheel) | Color | Hex | Usage Tips | |-------|-----|------------| | Coral‑Sunset | #FF6E78 | Use for accent elements—buttons, icons, small décor items—to create a vibrant pop. | | Deep Plum | #5D2E8C | Works well for typography or secondary graphics that need depth. | 4.2. Analogous Palette (Neighbors on the Wheel) | Color | Hex | Mood | |-------|-----|------| | Pale Aqua | #A7E4FF | Ultra‑soft, perfect for backgrounds or layered textiles. | | Soft Lavender | #C8A2FF | Adds a dreamy, whimsical touch. | | Gentle Mint | #B2FFD9 | Fresh and lively when used in small doses. | 4.3. Triadic Palette (Evenly Spaced) | Color | Hex | Application | |-------|-----|--------------| | Sunset Orange | #FFB347 | Highlights, call‑to‑action, or seasonal promotions. | | Lilac‑Grey | #A29BFE | Neutral base for layouts or wall paint. | | Sky Angel Blue | #6EB5FF | Central hue. | 4.4. Monochromatic Scale | Shade | Hex | Usage | |-------|-----|-------| | Very Light (90 % L) | #CDEEFF | Backgrounds, large surfaces. | | Base | #6EB5FF | Primary elements. | | Mid‑Tone (70 % L) | #4A9BF2 | Buttons, headers. | | Dark (50 % L) | #2876C9 | Body copy, footers. | Tip: Keep contrast ratios ≥ 4.5:1 for text on Sky Angel Blue (WCAG AA) – pair with dark navy, charcoal, or black text. 5. Practical Implementation Guides 5.1. Digital Design (Web & Mobile) /* Primary brand color */ :root --sky-angel-blue: #6EB5FF; | | Hope & Inspiration | Light blues