Serene Ocean Color Palette
This palette exudes a serene and refreshing vibe, blending deep ocean blues with vibrant greens and soft, sunlit yellows, creating a harmonious fusion of tranquility and vitality.
Practical uses and creative applications
The Serene Ocean Color Palette offers a tranquil blend of deep blues and refreshing greens, perfect for evoking a sense of calm and relaxation. With its core colors#041122 (deep navy), #259073 (teal), #7fda89 (soft green), #c8e98e (light green), and #e6f99d (pale yellow)this palette is ideal for branding projects that aim to communicate peace and sustainability.
Designers can leverage these hues to create logos, packaging, and marketing materials that resonate with eco-conscious consumers and those seeking a serene aesthetic. This palette shines in web design, particularly for wellness brands, spa websites, or any platform focused on mindfulness and well-being.
The soothing tones promote a user-friendly experience, making it an excellent choice for creatives looking to capture attention without overwhelming their audience. Additionally, the Serene Ocean Color Palette can transform interiors, lending a refreshing vibe to spaces like meditation rooms, offices, or trendy cafes.
Whether you’re an interior designer or a graphic artist, this palette is a versatile choice that fosters a peaceful atmosphere and engages your audience effectively.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
dsfds
| 50 | oklch(0.910 0.037 254.57) | #d1e3fa | hsl(214, 80%, 90%) |
|
|
| 100 | oklch(0.761 0.101 255.72) | #86b4f1 | hsl(214, 79%, 74%) |
|
|
| 200 | oklch(0.622 0.166 256.40) | #3b86e8 | hsl(214, 79%, 57%) |
|
|
| 300 | oklch(0.488 0.162 257.76) | #165cb9 | hsl(214, 79%, 41%) |
|
|
| 400 | oklch(0.342 0.104 256.84) | #0d376d | hsl(214, 79%, 24%) |
|
|
| 500 | oklch(0.176 0.041 253.96) | #041122 | hsl(214, 79%, 7%) |
|
|
| 600 | oklch(0.181 0.043 253.91) | #041224 | hsl(214, 80%, 8%) |
|
|
| 700 | oklch(0.187 0.046 256.46) | #051327 | hsl(215, 77%, 9%) |
|
|
| 800 | oklch(0.191 0.048 256.25) | #051429 | hsl(215, 78%, 9%) |
|
|
| 900 | oklch(0.199 0.048 254.23) | #05162b | hsl(213, 79%, 9%) |
|
|
| 950 | oklch(0.204 0.052 255.04) | #05172e | hsl(214, 80%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.034 176.17) | #d6f5ec | hsl(163, 61%, 90%) |
|
|
| 100 | oklch(0.887 0.068 176.14) | #aae9d8 | hsl(164, 59%, 79%) |
|
|
| 200 | oklch(0.834 0.099 174.30) | #7edec4 | hsl(164, 59%, 68%) |
|
|
| 300 | oklch(0.784 0.124 172.39) | #52d2b0 | hsl(164, 59%, 57%) |
|
|
| 400 | oklch(0.713 0.129 169.96) | #30bc96 | hsl(164, 59%, 46%) |
|
|
| 500 | oklch(0.587 0.105 170.27) | #259073 | hsl(164, 59%, 35%) |
|
|
| 600 | oklch(0.524 0.093 170.22) | #207b62 | hsl(164, 59%, 30%) |
|
|
| 700 | oklch(0.462 0.081 170.47) | #1a6752 | hsl(164, 60%, 25%) |
|
|
| 800 | oklch(0.395 0.068 170.42) | #155241 | hsl(163, 59%, 20%) |
|
|
| 900 | oklch(0.326 0.053 171.88) | #103d31 | hsl(164, 58%, 15%) |
|
|
| 950 | oklch(0.255 0.040 170.74) | #0a2920 | hsl(163, 61%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.045 149.22) | #d7f4db | hsl(128, 57%, 90%) |
|
|
| 100 | oklch(0.911 0.064 147.78) | #c6eeca | hsl(126, 54%, 85%) |
|
|
| 200 | oklch(0.885 0.084 147.84) | #b4e9ba | hsl(127, 55%, 81%) |
|
|
| 300 | oklch(0.860 0.104 147.71) | #a2e4aa | hsl(127, 55%, 76%) |
|
|
| 400 | oklch(0.835 0.124 146.82) | #91df99 | hsl(126, 55%, 72%) |
|
|
| 500 | oklch(0.811 0.143 146.60) | #7fda89 | hsl(127, 55%, 68%) |
|
|
| 600 | oklch(0.754 0.187 145.42) | #51cd5f | hsl(127, 55%, 56%) |
|
|
| 700 | oklch(0.666 0.186 144.74) | #33b041 | hsl(127, 55%, 45%) |
|
|
| 800 | oklch(0.538 0.148 144.77) | #268330 | hsl(126, 55%, 33%) |
|
|
| 900 | oklch(0.398 0.105 144.87) | #19551f | hsl(126, 55%, 22%) |
|
|
| 950 | oklch(0.247 0.058 146.21) | #0b280f | hsl(128, 57%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.048 123.90) | #eaf7d4 | hsl(82, 69%, 90%) |
|
|
| 100 | oklch(0.943 0.063 124.09) | #e3f4c6 | hsl(82, 68%, 87%) |
|
|
| 200 | oklch(0.929 0.077 123.60) | #ddf1b8 | hsl(81, 67%, 83%) |
|
|
| 300 | oklch(0.915 0.092 123.99) | #d6eeaa | hsl(81, 67%, 80%) |
|
|
| 400 | oklch(0.903 0.108 124.71) | #cfec9c | hsl(82, 68%, 77%) |
|
|
| 500 | oklch(0.889 0.122 125.06) | #c8e98e | hsl(82, 67%, 74%) |
|
|
| 600 | oklch(0.840 0.170 126.46) | #aede58 | hsl(81, 67%, 61%) |
|
|
| 700 | oklch(0.779 0.193 128.58) | #91cd28 | hsl(82, 67%, 48%) |
|
|
| 800 | oklch(0.622 0.152 128.30) | #6b971d | hsl(82, 68%, 35%) |
|
|
| 900 | oklch(0.454 0.108 127.82) | #456113 | hsl(82, 67%, 23%) |
|
|
| 950 | oklch(0.268 0.058 127.38) | #1e2b08 | hsl(82, 69%, 10%) |
|
dsfds
| 50 | oklch(0.973 0.059 116.70) | #f3fccf | hsl(72, 88%, 90%) |
|
|
| 100 | oklch(0.967 0.071 117.09) | #f0fbc5 | hsl(72, 87%, 88%) |
|
|
| 200 | oklch(0.963 0.083 117.32) | #eefbbb | hsl(72, 89%, 86%) |
|
|
| 300 | oklch(0.957 0.095 117.66) | #ebfab1 | hsl(72, 88%, 84%) |
|
|
| 400 | oklch(0.954 0.107 117.89) | #e9faa7 | hsl(72, 89%, 82%) |
|
|
| 500 | oklch(0.948 0.117 118.22) | #e6f99d | hsl(72, 88%, 80%) |
|
|
| 600 | oklch(0.918 0.181 120.06) | #d5f55a | hsl(72, 89%, 66%) |
|
|
| 700 | oklch(0.894 0.214 122.42) | #c4f117 | hsl(72, 89%, 52%) |
|
|
| 800 | oklch(0.724 0.175 122.52) | #93b60b | hsl(72, 89%, 38%) |
|
|
| 900 | oklch(0.519 0.123 122.09) | #5d7307 | hsl(72, 89%, 24%) |
|
|
| 950 | oklch(0.291 0.066 120.65) | #273003 | hsl(72, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
