Color Palette Generator

Ocean Dawn

Where sea meets sunrise

#1a535c

RGB: 26, 83, 92

#4ecdc4

RGB: 78, 205, 196

#f7fff7

RGB: 247, 255, 247

#ff6b6b

RGB: 255, 107, 107

#ffe66d

RGB: 255, 230, 109

┌────────────┬────────────┬────────────┬────────────┬────────────┐
│            │            │            │            │            │
│    ████    │    ████    │    ████    │    ████    │    ████    │
│    ████    │    ████    │    ████    │    ████    │    ████    │
│            │            │            │            │            │
├────────────┼────────────┼────────────┼────────────┼────────────┤
│ #1a535c    │ #4ecdc4    │ #f7fff7    │ #ff6b6b    │ #ffe66d    │
└────────────┴────────────┴────────────┴────────────┴────────────┘

Export This Palette

Copy these for your projects:

CSS Variables:

:root { --color-1: #1a535c; --color-2: #4ecdc4; --color-3: #f7fff7; --color-4: #ff6b6b; --color-5: #ffe66d; }

SCSS:

$color-1: #1a535c; $color-2: #4ecdc4; $color-3: #f7fff7; $color-4: #ff6b6b; $color-5: #ffe66d;

Array:

["#1a535c", "#4ecdc4", "#f7fff7", "#ff6b6b", "#ffe66d"]