Ocean Breeze Color Palette
The official color guide for Ocean Breeze. Soft, dreamy tones optimized for ocean, aesthetic design, and visual harmony.
Introduction
Ocean Breeze is a defining palette in the ocean aesthetic. Popularized by Coastal in 2023, this collection brings a gentle, soothing vibe to any project.
With a primary hue of #E0FFFF, it offers a soft alternative to harsh saturated colors.
Perfect for backgrounds, illustrations, and calming UI elements, Ocean Breeze creates an inviting atmosphere.
Color Analysis
A breakdown of the verified hex codes and their specific roles.
| Preview | Role | Hex | RGB |
|---|---|---|---|
| Primary | #E0FFFF |
224, 255, 255 | |
| Secondary | #AFEEEE |
175, 238, 238 | |
| Accent | #d1f2eb |
209, 242, 235 | |
| Complement | #d4ebf2 |
212, 235, 242 |
Trends & Psychology
Soft Focus
Pastel colors like #E0FFFF are known to have a calming effect on the viewer, reducing visual stress and creating a sense of safety and openness.
Global Appeal
Brazil has seen a rising trend in summer fashion collections and beachwear using these exact tones.
Implementation Guide
Use these snippets to add Ocean Breeze to your stylesheet.
CSS Variables
:root {
/* Ocean Breeze Variables */
--pastel-1: #E0FFFF;
--pastel-2: #AFEEEE;
--pastel-3: #d1f2eb;
--pastel-4: #d4ebf2;
}Frequently Asked Questions
Pastel colors are generally too light for body text on white backgrounds. Use them for backgrounds or large headlines on dark backgrounds.