Serene Edgy Color Palette
This palette radiates a serene yet edgy vibe, blending soft pastel greens and yellows with deep charcoal and a bold crimson, evoking a stylish juxtaposition of calm and intensity.
Practical uses and creative applications
The Serene Edgy Color Palette combines soft, muted tones with bold accents, creating a harmonious balance that's perfect for modern branding and web design. With a soothing base of pastel greens and creamy yellows (#efffcd and #dce9be), this palette invites a sense of calm and serenity.
The deep, edgy shades of charcoal (#555152) and rich burgundy (#99173c) provide striking contrast, lending an air of sophistication and depth. This makes it an ideal choice for brands looking to convey a blend of tranquility and modernity, particularly in industries like wellness, lifestyle, and creative services.
Perfect for designers and creatives, the Serene Edgy Color Palette can be effectively utilized in various applications, from packaging to interior design. Its versatile nature allows it to shine in minimalist product labels or chic home decor, creating spaces that feel both inviting and stylish.
Whether you’re designing a serene spa website or crafting visually compelling marketing materials, this palette offers the perfect mix of calm and edge, appealing to audiences who appreciate contemporary aesthetics with a touch of boldness.
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.975 0.068 121.82) | #efffcc | hsl(79, 100%, 90%) |
|
|
100 | oklch(0.975 0.068 121.82) | #efffcc | hsl(79, 100%, 90%) |
|
|
200 | oklch(0.975 0.068 121.82) | #efffcc | hsl(79, 100%, 90%) |
|
|
300 | oklch(0.976 0.067 122.06) | #efffcd | hsl(79, 100%, 90%) |
|
|
400 | oklch(0.976 0.067 122.06) | #efffcd | hsl(79, 100%, 90%) |
|
|
500 | oklch(0.976 0.067 122.06) | #efffcd | hsl(79, 100%, 90%) |
|
|
600 | oklch(0.944 0.166 124.16) | #d5ff7b | hsl(79, 100%, 74%) |
|
|
700 | oklch(0.921 0.229 127.15) | #bbff29 | hsl(79, 100%, 58%) |
|
|
800 | oklch(0.802 0.213 129.16) | #92d700 | hsl(79, 100%, 42%) |
|
|
900 | oklch(0.564 0.149 128.73) | #5a8500 | hsl(79, 100%, 26%) |
|
|
950 | oklch(0.296 0.076 126.33) | #233300 | hsl(79, 100%, 10%) |
|
dsfds
50 | oklch(0.948 0.034 121.51) | #eaf2d9 | hsl(79, 49%, 90%) |
|
|
100 | oklch(0.942 0.038 120.10) | #e8f0d4 | hsl(77, 48%, 89%) |
|
|
200 | oklch(0.934 0.043 120.02) | #e5eece | hsl(77, 48%, 87%) |
|
|
300 | oklch(0.928 0.049 121.17) | #e2edc9 | hsl(78, 50%, 86%) |
|
|
400 | oklch(0.921 0.054 121.04) | #dfebc3 | hsl(78, 50%, 84%) |
|
|
500 | oklch(0.913 0.058 121.23) | #dce9be | hsl(78, 49%, 83%) |
|
|
600 | oklch(0.840 0.107 122.33) | #bed686 | hsl(78, 49%, 68%) |
|
|
700 | oklch(0.768 0.149 124.00) | #a0c34f | hsl(78, 49%, 54%) |
|
|
800 | oklch(0.627 0.129 124.60) | #779533 | hsl(78, 49%, 39%) |
|
|
900 | oklch(0.452 0.090 124.37) | #4b5e20 | hsl(78, 49%, 25%) |
|
|
950 | oklch(0.254 0.044 124.15) | #1e260d | hsl(79, 49%, 10%) |
|
dsfds
50 | oklch(0.923 0.001 17.18) | #e6e5e5 | hsl(0, 2%, 90%) |
|
|
100 | oklch(0.832 0.004 354.71) | #cac7c8 | hsl(340, 3%, 79%) |
|
|
200 | oklch(0.738 0.005 0.05) | #ada9aa | hsl(345, 2%, 67%) |
|
|
300 | oklch(0.641 0.006 3.44) | #908b8c | hsl(348, 2%, 55%) |
|
|
400 | oklch(0.543 0.006 3.50) | #736e6f | hsl(348, 2%, 44%) |
|
|
500 | oklch(0.439 0.005 0.22) | #555152 | hsl(345, 2%, 33%) |
|
|
600 | oklch(0.397 0.004 354.90) | #494647 | hsl(340, 2%, 28%) |
|
|
700 | oklch(0.354 0.003 17.29) | #3d3b3b | hsl(0, 2%, 24%) |
|
|
800 | oklch(0.309 0.005 355.02) | #322f30 | hsl(340, 3%, 19%) |
|
|
900 | oklch(0.263 0.003 345.49) | #262425 | hsl(330, 3%, 15%) |
|
|
950 | oklch(0.215 0.002 17.28) | #1a1919 | hsl(0, 2%, 10%) |
|
dsfds
50 | oklch(0.918 0.010 311.17) | #e6e2e9 | hsl(274, 14%, 90%) |
|
|
100 | oklch(0.795 0.030 313.31) | #c3b7ca | hsl(278, 15%, 75%) |
|
|
200 | oklch(0.669 0.047 312.67) | #9f8daa | hsl(277, 15%, 61%) |
|
|
300 | oklch(0.540 0.059 311.54) | #7a6588 | hsl(276, 15%, 46%) |
|
|
400 | oklch(0.417 0.041 311.98) | #54465d | hsl(277, 14%, 32%) |
|
|
500 | oklch(0.283 0.026 312.31) | #2e2633 | hsl(277, 15%, 17%) |
|
|
600 | oklch(0.269 0.024 311.01) | #2a232f | hsl(275, 15%, 16%) |
|
|
700 | oklch(0.255 0.020 311.76) | #26202a | hsl(276, 14%, 15%) |
|
|
800 | oklch(0.238 0.021 311.71) | #221c26 | hsl(276, 15%, 13%) |
|
|
900 | oklch(0.223 0.019 309.89) | #1e1922 | hsl(273, 15%, 12%) |
|
|
950 | oklch(0.208 0.015 310.66) | #1a161d | hsl(274, 14%, 10%) |
|
dsfds
50 | oklch(0.901 0.043 359.89) | #f8d3dd | hsl(344, 73%, 90%) |
|
|
100 | oklch(0.794 0.099 0.86) | #f1a1b8 | hsl(343, 74%, 79%) |
|
|
200 | oklch(0.698 0.154 3.81) | #ea7093 | hsl(343, 74%, 68%) |
|
|
300 | oklch(0.619 0.200 8.64) | #e23f6d | hsl(343, 74%, 57%) |
|
|
400 | oklch(0.546 0.203 12.42) | #ca1e4f | hsl(343, 74%, 45%) |
|
|
500 | oklch(0.447 0.163 11.77) | #99173c | hsl(343, 74%, 35%) |
|
|
600 | oklch(0.400 0.144 11.66) | #831433 | hsl(343, 74%, 30%) |
|
|
700 | oklch(0.354 0.127 10.86) | #6e102b | hsl(343, 75%, 25%) |
|
|
800 | oklch(0.305 0.106 10.56) | #580d22 | hsl(343, 74%, 20%) |
|
|
900 | oklch(0.255 0.085 9.04) | #420a1a | hsl(343, 74%, 15%) |
|
|
950 | oklch(0.202 0.062 7.99) | #2c0711 | hsl(344, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.