coolfreshcalmtrustworthy

Ocean Breeze

Fresh, aquatic palette evoking calm seas and clear skies.

Color Palette

background

Light Sky

sky-50

#f0f9ff

surface

White

white

#ffffff

primary

Dark Slate

slate-800

#1e293b

secondary

Cool Gray

slate-500

#64748b

accent

Ocean Cyan

cyan-500

#06b6d4

Preview

Sample Heading

This is sample text using the secondary color from the palette.

Best For

Travel sites, health/wellness, productivity apps, finance

CSS Variables

--bg: theme('colors.sky.50');
--surface: theme('colors.white');
--primary: theme('colors.slate.800');
--secondary: theme('colors.slate.500');
--accent: theme('colors.cyan.500');

Tailwind Classes

background:sky-50

surface:white

primary:slate-800

secondary:slate-500

accent:cyan-500

#ocean#travel#calm#fresh