Ocean Palette
Deep sea to shallow water blues
Color Swatches
#05445Ergb(5, 68, 94)
#189AB4rgb(24, 154, 180)
#75E6DArgb(117, 230, 218)
#D4F1F9rgb(212, 241, 249)
#E8F8F5rgb(232, 248, 245)
CSS Variables
:root {
--palette-1: #05445E;
--palette-2: #189AB4;
--palette-3: #75E6DA;
--palette-4: #D4F1F9;
--palette-5: #E8F8F5;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#05445E",
2: "#189AB4",
3: "#75E6DA",
4: "#D4F1F9",
5: "#E8F8F5",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility