Serene Bold Color Palette
This palette radiates a serene yet bold vibe, blending soft icy blues and whites with deep burgundy and stark black for a striking contrast that feels both modern and sophisticated.
Practical uses and creative applications
The Serene Bold Color Palette beautifully combines tranquility and vibrancy, making it an excellent choice for branding, web design, and packaging. Featuring soft tones like #e0eff1 and #7db4b5 alongside striking accents of #680148 and #000000, this palette evokes a sense of calm while still making a bold statement.
Ideal for businesses in wellness, lifestyle, or creative fields, it can enhance brand recognition and convey a modern, sophisticated image. Designers and creatives will find the Serene Bold Color Palette perfect for interior design projects that aim to create soothing yet impactful spaces.
The harmonious blend of colors can be used to craft inviting atmospheres in homes, offices, or even retail environments. Whether you’re designing a website that needs a fresh look or working on packaging that stands out on the shelf, this palette offers versatility while maintaining a cohesive aesthetic that resonates well with audiences seeking a balance of serenity and strength.
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.
| 50 | oklch(0.934 0.018 205.32) | #dcedef | hsl(186, 37%, 90%) |
|
|
| 100 | oklch(0.935 0.017 210.19) | #ddedf0 | hsl(189, 39%, 90%) |
|
|
| 200 | oklch(0.938 0.017 205.84) | #deeef0 | hsl(187, 38%, 91%) |
|
|
| 300 | oklch(0.938 0.017 205.84) | #deeef0 | hsl(187, 38%, 91%) |
|
|
| 400 | oklch(0.941 0.017 205.84) | #dfeff1 | hsl(187, 39%, 91%) |
|
|
| 500 | oklch(0.942 0.016 206.44) | #e0eff1 | hsl(187, 38%, 91%) |
|
|
| 600 | oklch(0.835 0.046 205.09) | #a7d2d7 | hsl(186, 38%, 75%) |
|
|
| 700 | oklch(0.727 0.072 206.18) | #6eb4bd | hsl(187, 37%, 59%) |
|
|
| 800 | oklch(0.597 0.074 206.10) | #438c95 | hsl(187, 38%, 42%) |
|
|
| 900 | oklch(0.424 0.050 207.06) | #2a565c | hsl(187, 37%, 26%) |
|
|
| 950 | oklch(0.234 0.023 205.30) | #102123 | hsl(186, 37%, 10%) |
|
| 50 | oklch(0.934 0.014 202.45) | #dfeced | hsl(184, 28%, 90%) |
|
|
| 100 | oklch(0.893 0.023 196.74) | #cbe1e1 | hsl(180, 27%, 84%) |
|
|
| 200 | oklch(0.854 0.032 196.57) | #b8d6d6 | hsl(180, 27%, 78%) |
|
|
| 300 | oklch(0.814 0.041 196.37) | #a4cbcb | hsl(180, 27%, 72%) |
|
|
| 400 | oklch(0.772 0.049 197.86) | #91bfc0 | hsl(181, 27%, 66%) |
|
|
| 500 | oklch(0.732 0.057 197.40) | #7db4b5 | hsl(181, 27%, 60%) |
|
|
| 600 | oklch(0.665 0.069 198.07) | #5da1a3 | hsl(182, 28%, 50%) |
|
|
| 700 | oklch(0.566 0.058 197.14) | #4a8182 | hsl(181, 27%, 40%) |
|
|
| 800 | oklch(0.463 0.046 197.69) | #386162 | hsl(181, 27%, 30%) |
|
|
| 900 | oklch(0.353 0.034 195.72) | #254141 | hsl(180, 27%, 20%) |
|
|
| 950 | oklch(0.232 0.018 202.03) | #132021 | hsl(184, 27%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.900 0.073 337.93) | #ffccef | hsl(319, 100%, 90%) |
|
|
| 100 | oklch(0.778 0.174 340.18) | #fe86d9 | hsl(319, 98%, 76%) |
|
|
| 200 | oklch(0.691 0.253 343.69) | #fd40c2 | hsl(319, 98%, 62%) |
|
|
| 300 | oklch(0.641 0.269 347.77) | #f402a9 | hsl(319, 98%, 48%) |
|
|
| 400 | oklch(0.499 0.209 347.12) | #ae0279 | hsl(318, 98%, 35%) |
|
|
| 500 | oklch(0.344 0.145 346.33) | #680148 | hsl(319, 98%, 21%) |
|
|
| 600 | oklch(0.319 0.134 345.63) | #5d0141 | hsl(318, 98%, 18%) |
|
|
| 700 | oklch(0.295 0.123 346.13) | #530139 | hsl(319, 98%, 16%) |
|
|
| 800 | oklch(0.269 0.112 345.24) | #480132 | hsl(319, 97%, 14%) |
|
|
| 900 | oklch(0.241 0.100 345.10) | #3d012a | hsl(319, 97%, 12%) |
|
|
| 950 | oklch(0.214 0.091 344.41) | #330023 | hsl(319, 100%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
